JS如何在字符串指定位置插入字符串

 更新时间:2025年01月21日 10:09:51   作者:小太阳...  
文章介绍了JavaScript中如何在字符串的指定位置插入字符串,主要通过`slice`方法来实现,`slice`方法可以根据起始和结束索引来提取字符串的一部分,文章还补充说明了如何在字符串的指定位置插入字符串,以及提供了相关代码示例

js在字符串指定位置插入字符串

利用了字符串的slice方法

定义和用法

slice(start, end) 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。
使用 start(包含) 和end(不包含) 参数来指定字符串提取的部分。

参数描述
start必须。 要截取的片断的起始下标,第一个字符位置为 0。如果为负数,则从尾部开始截取。
end可选。 紧接着要截取的片段结尾的下标。若未指定此参数,则要提取的子串包括 start 到原字符串结尾的字符串。如果该参数是负数,那么它规定的是从字符串的尾部开始算起的位置。slice(-2) 表示提取原数组中的倒数第二个元素到最后一个元素(包含最后一个元素)。

代码如下:

// souece 原字符串 start 要截取的位置 newStr 要插入的字符
insertStr(source, start, newStr) {
	return source.slice(0, start) + newStr + source.slice(start)
}
// 使用
this.insertStr('20220808', 4, '-') // 2020-0808

补充:js 对字符串指定位置插入字符串

js 对字符串指定位置插入字符串

//使用
this.insertStr('202005',4,'/')
====================
//方法:
//soure 原字符串
//start 位置
//newStr 要插入的字符串
insertStr(soure, start, newStr){   
  return soure.slice(0, start) + newStr + soure.slice(start);
},
====================
//结果
2020/05

到此这篇关于JS在字符串指定位置插入字符串的文章就介绍到这了,更多相关js插入字符串内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JS实现表单验证功能(验证手机号是否存在,验证码倒计时)

    JS实现表单验证功能(验证手机号是否存在,验证码倒计时)

    js实现表单验证功能,通过js代码验证手机号是否存在验证码倒计时功能,代码简单易懂非常不错,具有参考借鉴价值,感兴趣的朋友一起看看吧
    2016-10-10
  • js实现YouKu的漂亮搜索框效果

    js实现YouKu的漂亮搜索框效果

    这篇文章主要介绍了js实现YouKu的漂亮搜索框效果的方法,通过javascript结合鼠标事件与页面样式实现漂亮的搜索框效果,非常具有实用价值,需要的朋友可以参考下
    2015-08-08
  • JavaScript职责链模式概述

    JavaScript职责链模式概述

    这篇文章主要为大家详细介绍了JavaScript职责链模式,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • 微信小程序云开发之云函数详解

    微信小程序云开发之云函数详解

    这篇文章主要介绍了微信小程序云开发之云函数的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-05-05
  • javascript下使用Promise封装FileReader

    javascript下使用Promise封装FileReader

    这篇文章主要介绍了javascript下使用Promise封装FileReader,需要的朋友可以参考下
    2016-02-02
  • Javascript attachEvent传递参数的办法

    Javascript attachEvent传递参数的办法

    找了半天找到的解决办法,看介绍说是javascript的闭包问题,导致得不能直接读取外部的那个函数,不然就所有传递的参数都变为最后一个了。
    2009-12-12
  • js+HTML5实现canvas多种颜色渐变效果的方法

    js+HTML5实现canvas多种颜色渐变效果的方法

    这篇文章主要介绍了js+HTML5实现canvas多种颜色渐变效果的方法,涉及html5属性的相关技巧,需要的朋友可以参考下
    2015-06-06
  • 修改源码来解决el-select值不匹配导致回显id的问题

    修改源码来解决el-select值不匹配导致回显id的问题

    el-select数据的回显是根据id去匹配值的,最近项目出现了回显id的情况,一查是没有匹配数据的问题,于是就想怎么处理(针对单选的情况),本文小编给大家介绍了用修改源码来解决el-select值不匹配导致回显id的问题,需要的朋友可以参考下
    2024-09-09
  • JavaScript JSON.stringify()的使用总结

    JavaScript JSON.stringify()的使用总结

    JSON是一种轻量级数据格式,可以方便地表示复杂数据结构。JSON对象有两个方法:stringify()和parse()。在简单的情况下,这两个方法分别可以将JavaScript序列化为JSON字符串,以及将JSON解析为原生JavaScript值。本文着重介绍JSON.stringify()的使用方法和注意事项。
    2021-05-05
  • 使用JavaScript给图片添加水印的实现方法封装

    使用JavaScript给图片添加水印的实现方法封装

    图片加水印是一种常见的图像处理技术,通常用于保护版权、防止盗用、增加图片的识别度等多种场景,这篇文章主要给大家介绍了关于使用JavaScript给图片添加水印的实现方法封装,需要的朋友可以参考下
    2024-03-03

最新评论