js字符串分割处理的几种方法(6种)

2024-12-14 09:36:01

1、slice(start, end)

大姐slice()、从start开始，到end结束，开始的位置从0不是1，不包括end，支持数组分割，支持负数，返回数组

    let test = 'hello world！'
    console.log(test.length)

    console.log(test.slice(1, 9))
    console.log(test.slice(6))
    console.log(test.slice(9, 1))
    console.log(test.slice(-2))
    console.log(test.slice(0, -2))
    console.log(test.slice(-4, -2))
    console.log(test.slice(-2, 4))

总结

①第一个参数比第二个参数大，结果返回空字符串

②传入参数是负数，slice()会先做运算 test.length + 负数参数。

2、substr(start, length)

二姐substr()、从start开始，返回length长度字符，开始的位置从0不是1，支持负数，不支持数组

    let test = 'hello world！'
    console.log(test.length)

    console.log(test.substr(1, 9))
    console.log(test.substr(6))
    console.log(test.substr(9, 9))
    console.log(test.substr(20))
    console.log(test.substr(-2))
    console.log(test.substr(-8, 4))
    console.log(test.substr(-8, 0))
    console.log(test.substr(-8, -4))
    console.log(test.substr(-20))

总结

①传入参数超过length返回空字符串

②传入负数，则从字符串的尾部开始算起始位置，-1指最后一个字符，-2指倒数第二个字符；当传入的第一个参数是负数且它的绝对值超过length，这个负数转化为0，当传入的第二个参数是负数，等价于0，截取0个字符，返回空字符串。

3、substring(start, stop)

三姐substring()、不接受负数，从 start 开始，不包括stop，开始的位置从0不是1，不支持数组

    let test = 'hello world！'
    console.log(test.length)

    console.log(test.substring(1, 9))
    console.log(test.substring(6))
    console.log(test.substring(9, 9))
    console.log(test.substring(20))
    console.log(test.substring(-2))
    console.log(test.substring(-8, 4))
    console.log(test.substring(-8, 0))
    console.log(test.substring(-8, -4))
    console.log(test.substring(-20))

总结

①第二个参数==第一个参数，返回空字符串

②传入两个参数，不管在第一还是第二位置，都会将小的参数作为第一个参数，较大的作为第二个参数

③任何一个参数为负数或者NaN的时候，自动将其转换为0

④任何一个参数大于length，按照length处理

js字符串截取三姐妹，都不会对原始的字符串进行修改，而是返回新的子集。但是三姐妹各自有各自的个性，面对同一种参数处理的方式都是不一样的。

4、split(separator, length)

字符按照字符串或正则分割，输出一个数组，length表示返回的长度，不支持数组；

//以空格为分隔符输出数组
    var str = '123 abc 1 2 3 a b c '
    var arr = str.split(' ')
    console.log(arr)

    var str = '123 abc 1 2 3 a b c'
    var arr = str.split(' ', 4)
    //第二个参数表示返回数组的最大长度！注意不是原来字符串的，是新输出的数组的
    console.log(arr)

5、join(separator)

将数组合并成字符串，用 separator隔离，不支持字符串

    var a = ['I', 'am', 'a', 'girl', '英文名', '是', 'gaby']
    var arr = a.join(',')
    console.log(arr)

6、splice(start, length, …args)

数组操作函数，增删改查，不支持字符串，返回数组，从 start开始，删除的length长度，并按args参数个数添加到 start位置

//删，第一个参数为第一项位置，第二个参数为要删除几个 0数起
//array.splice(index,num)，返回值为删除内容，array为结果值
    var arr = ['a', 'b', 'c', 'd', 'e', 'f']
    console.log(arr.splice(0, 4))
    console.log(arr)

//增，第一个参数（插入位置），第二个参数（0），第三个参数（插入的项）
//array.splice(index,0,insertValue)，返回值为空数组，array值为最终结果值
    var arr = ['a', 'b', 'c', 'd', 'e', 'f']
    console.log(arr.splice(2, 0, 'insert'))
    console.log(arr)

//改 第一个参数（起始位置），第二个参数（删除的项数），第三个参数（插入任意数量的项）
//array.splice(index,num,insertValue)，返回值为删除内容，array为结果值
    var arr = ['a', 'b', 'c', 'd', 'e', 'f']
    console.log(arr.splice(2, 1, 'delete'))
    console.log(arr)

到此这篇关于js字符串分割处理的几种方法(6种)的文章就介绍到这了,更多相关js字符串分割处理内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

JavaScript字符串分割处理的方法总结

目录 1.slice(start, end) 2.substr(start, length) 3.substring(start, stop) 4.split(separator, length) 5.join(separator) 6.splice(start, length, …args) 前言: 前端开发中,字符串处理是比较常见的,笔者在最近复习的过程中也把它整理了出来. 首先,先来看看js截取三姐妹substring().subsstr().slice() 1.slice(start,
js拆分字符串并将分割的数据放到数组中的方法

本文实例讲述了js拆分字符串并将分割的数据放到数组中的方法.分享给大家供大家参考.具体实现方法如下: var splitArray = new Array(); var string="太平洋.大西洋.印度洋.北冰洋"; var regex = /./; splitArray=string.split(regex); for(i=0; i < splitArray.length; i++){ document.write(splitArray[i] + "<br&
js中通过split函数分割字符串成数组小例子

复制代码代码如下: <script language="javascript"> str="2,2,3,5,6,6"; //这是一字符串 var strs= new Array(); //定义一数组 strs=str.split(","); //字符分割 for (i=0;i<strs.length ;i++ ) { document.write(strs[i]+"<br/>"); //分割后的
javascript字符串替换及字符串分割示例代码

JS(JavaScript)字符串替换函数(有点像PHP的preg_replace) str.replace('xxx', 'yyyy'); 替换第一个 str.replace(/xxx/g, 'yyyy'); 替换全部字符串分割(类似PHP的分割函数) 复制代码代码如下: var test = 'a-b-c-d'; test.split('-');
详解js常用分割取字符串的方法

1.substr substr(start,length)表示从start位置开始,截取length长度的字符串. var src="images/off_1.png"; alert(src.substr(7,3)); 弹出值为:off 2.substring substring(start,end)表示从start到end之间的字符串,包括start位置的字符但是不包括end位置的字符. var src="images/off_1.png"; alert(src.
JS截取与分割字符串常用技巧总结

本文实例讲述了JS截取与分割字符串的常用方法.分享给大家供大家参考,具体如下: JS截取字符串可使用 substring()或者slice() 函数:substring() 定义:substring(start,end)表示从start到end之间的字符串,包括start位置的字符但是不包括end位置的字符. 功能:字符串截取,比如想从"MinidxSearchEngine"中得到"Minidx"就要用到substring(0,6) 例子: var src=&q
js split 的用法和定义 js split分割字符串成数组的实例代码

关于js split的用法其它也不多说什么,下面直接举例给大家看看复制代码代码如下: <script language="javascript"> str="2,2,3,5,6,6"; //这是一字符串 var strs= new Array(); //定义一数组 strs=str.split(","); //字符分割 for (i=0;i<strs.length ;i++ ) { document.write(strs[i
JS分割字符串并放入数组的函数

复制代码代码如下: var InterestKeywordListString = $("#userInterestKeywordLabel").html(); var InterestKeywordListArr = []; var t = ''; for (var i = 0; i < InterestKeywordListString.length; i++) { var tmp = InterestKeywordListString.charAt(i); if (tmp
js字符串分割处理的几种方法(6种)

目录 1.slice(start, end) 2.substr(start, length) 3.substring(start, stop) 4.split(separator, length) 5.join(separator) 6.splice(start, length, …args) 前端开发中,字符串处理是比较常见的,笔者在最近复习的过程中也把它整理了出来. 首先,先来看看js截取三姐妹substring().subsstr().slice() 1.slice(start, end)
JS字符串分割方法整理汇总示例讲解（3种截取方法和6个辅助方法）

目录一.使用 slice() 截取 1,函数说明 2,使用样例二.使用 substring() 截取 1.函数说明 2.使用样例三.使用 substr() 截取 1.函数说明 2.使用样例附:其他一些常用的方法 1.indexOf() 2,lastIndexOf() 3,split() 4,join() 5,concat() 6,charAt() JavaScript在开发中常常会需要截取字符串,而JS提供了slice() .substring().substr() 3种方法实现截取操作
Android中去掉标题栏的几种方法(三种)

1.在java代码中 (SplashActivity继承AppCompatActivity时无效) 2.在manifest.xml中改Theme 3.先在style.xml中自定义style <?xml version="1.0" encoding="UTF-8" ?> <resources> <style name="notitle"> <item name="android:windowNo
Python3创建Django项目的几种方法(3种)

Django是一种基于Python的Web开发框架一.在命令行中创建Django项目(Windows平台.python3.6) 1.建立虚拟环境(创建一个独立的Python运行环境) 为项目新建一个目录learning_log,在终端切换到这个目录,并创建虚拟环境这里运行了模块venv,并使用它创建一个名为ll_env的虚拟环境注意:如果python是较早版本,则先安装virtualenv(pip3 install virtualenv)然后再创建虚拟环境(virtualenv ll_en
详解向scrapy中的spider传递参数的几种方法(2种)

有时需要根据项目的实际需求向spider传递参数以控制spider的行为,比如说,根据用户提交的url来控制spider爬取的网站.在这种情况下,可以使用两种方法向spider传递参数. 第一种方法,在命令行用crawl控制spider爬取的时候,加上-a选项,例如: scrapy crawl myspider -a category=electronics 然后在spider里这样写: import scrapy class MySpider(scrapy.Spider): name = 'm
js实现下拉列表选中某个值的方法(3种方法)

本文实例讲述了js实现下拉列表选中某个值的方法.分享给大家供大家参考,具体如下: 方法1: <select id="aa"> <option>1</option> <option>2</option> </select> <input type="button" value=" 选中" onclick="checkOption()" /> &l
Nginx实现404页面的几种方法(三种)

一个网站项目,肯定是避免不了404页面的,通常使用Nginx作为Web服务器时,有以下集中配置方式,一起来看看. 第一种:Nginx自己的错误页面 Nginx访问一个静态的html 页面,当这个页面没有的时候,Nginx抛出404,那么如何返回给客户端404呢? 看下面的配置,这种情况下不需要修改任何参数,就能实现这个功能. server { listen 80; server_name www.test.com; root /var/www/test; index index.html ind
JS实现导出Excel的五种方法详解【附源码下载】

本文实例讲述了JS实现导出Excel的五种方法.分享给大家供大家参考,具体如下: 这五种方法前四种方法只支持IE浏览器,最后一个方法支持当前主流的浏览器(火狐,IE,Chrome,Opera,Safari) <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>html 表格导出道</title> <sc
JS字符串与二进制的相互转化实例代码详解

JS字符串与二进制的相互转化的方法,具体代码如下所示: //字符串转ascii码,用charCodeAt(); //ascii码转字符串,用fromCharCode(); var str = "A"; var code = str.charCodeAt(); var str2 = String.fromCharCode(code); 十进制转二进制 var a = "i"; console.log(a.charCodeAt()); //105 console.log