js 数组类型中的常用方法
程序员文章站
2022-06-26 17:22:57
js 数组类型中的常用方法增删改截拼复排转 (截拼转 不影响原数组,其余都影响原数组)增①前增 unshift(元素,元素,。。。)作用:在数组的首部增加元素返回值:新增后数组的长度是否影响原数组:是var arr = [5,6,7,8,9];console.log(arr.unshift(true,false,null)); // 8console.log(arr) ;// [true,false,null,5,6,7,8,9]②后增 push(元素,元素,。。。)作用:在数组...
js 数组类型中的常用方法
增删改截拼复排转 (截拼转 不影响原数组,其余都影响原数组)
增
①前增 unshift(元素,元素,。。。)
作用:在数组的首部增加元素
返回值:新增后数组的长度
是否影响原数组:是
var arr = [5,6,7,8,9];
console.log(arr.unshift(true,false,null)); // 8
console.log(arr) ;// [true,false,null,5,6,7,8,9]
②后增 push(元素,元素,。。。)
作用:在数组的尾部增加元素
返回值:新增后数组的长度
是否影响原数组:是
var arr = [5,6,7,8,9];
console.log(arr.push(true,false,null)); // 8
console.log(arr) ;// [5,6,7,8,9,true,false,null]
删
③前删 shift( )
没有参数
作用:删除数组首部的元素,一次只能删除一个元素
返回值:返回被删除的元素
是否影响原数组:是
var arr = [5,6,7,8,9];
console.log(arr.arr.shift()); // 5
console.log(arr) ;// [6,7,8,9]
④后删 pop( )
没有参数
作用:删除数组尾部的元素,一次只能删除一个元素
返回值:返回被删除的元素
是否影响原数组:是
var arr = [5,6,7,8,9];
console.log(arr.pop()); // 9
console.log(arr) ;// [5,6,7,8]
改
⑤ splice(下标开始位置,删除元素的长度,新增元素,新增元素,。。。)
作用:在数组的任意位置 增 删 改
返回值:返回被删除的元素数组
是否影响原数组:是
改
var arr = [5,6,7,8,9];
console.log(arr.splice(1,2,true,false)); //[6, 7]
console.log(arr) ;// [5, true, false, 8, 9]
增
var arr = [5,6,7,8,9];
console.log(arr.splice(1,0,true,false)); //[]
console.log(arr) ;// [5, true, false, 6, 7, 8, 9]
删
var arr = [5,6,7,8,9];
console.log(arr.splice(1,2)); //[6,7]
console.log(arr) ;// [5, 8, 9]
不删除和更改任何元素
var arr = [5,6,7,8,9];
console.log(arr.splice()); //[]
console.log(arr) ; //[5, 6, 7, 8, 9]
删除所有元素
var arr = [5,6,7,8,9];
console.log(arr.splice(0)); //[5, 6, 7, 8, 9]
console.log(arr) ;// []
截
⑥截 slice(下标的开始位置,下标的结束位置)
作用:截取指定范围的元素
返回值:截取到的元素数组
是否影响原数组:否
var arr = [5,6,7,8,9];
console.log(arr.slice(1,3)); //[6, 7] 包含开始位置元素,不包含结束位置元素
console.log(arr) ;//[5,6,7,8,9]
var arr = [5,6,7,8,9];
console.log(arr.slice(0)); //[5, 6, 7, 8, 9]
console.log(arr) ;//[5,6,7,8,9]
var arr = [5,6,7,8,9];
console.log(arr.slice()); //[5, 6, 7, 8, 9]
console.log(arr) ;//[5,6,7,8,9]
⑦拼 concat(元素,元素,。。。)
本文地址:https://blog.csdn.net/weixin_51348217/article/details/112552862