JavaScript 系列之数组（一）

这是我参与8月更文挑战的第19天，活动详情查看：8月更文挑战

JavaScript 系列之数组（一）

一、增删查改

1.1 push

@params：数组要新增的元素（任意数据类型，一次可添加多个，用逗号隔开）
@return：返回数组新增元素后的长度
是否改变原数组：改变

var arr = [1, 2, 3];
var res = arr.push(6, 7, 8);    
console.log(res);   // res = 6
console.log(arr);   // [1,2,3,6,7,8]

1.2 unshift

@params：数组要新增的元素（任意数据类型，一次可添加多个，用逗号隔开）
@return：返回数组新增元素后的长度
是否改变原数组：改变

var arr = [1, 2, 3];
var res = arr.unshift(6, 7, 8);    

console.log(res);  // res = 6
console.log(arr);  // [6,7,8,1,2,3]

1.3 pop

@params：无
@return：返回数组被删除的元素
是否改变原数组：改变

var arr = [1, 2, 3];
var res = arr.pop();    

console.log(res);  // res = 3
console.log(arr);  // [1,2]

1.4 shift

@params：
@return：
是否改变原数组：改变

var arr = [1, 2, 3];
var res = arr.shift();    

console.log(res);  // res = 1
console.log(arr);  // [2,3]

1.5 splice

@params：不限参数， n,m,x,...第一个参数n是必传（数组的下标，代表从第n个元素起），第二个参数（可选）代表要删除（或被替代，取决于第三个参数是否有值）的元素个数，第三个参数（可选）起，代表要添加（或替代）的元素
@return：返回值是一个数组，里面是删除项
是否改变原数组：改变

// 删除
var arr = [1, 2, 3];
var res = arr.splice(1);  // 只传第一个参数，表示删除从下标为 1 的元素起，到最后一个元素
console.log(res);  // [2, 3]
console.log(arr);  // [1]
// arr.splice(0)：可以清空数组，把原始数组中的内容基于新数组储存起来（有点类似于数组克隆）
// arr.splice(arr.length-1)：删除最后一项
// arr.splice(0, 1)：删除第一项

// 增加
var arr = [1, 2, 3];
var res = arr.splice(1, 0, 8, 9);  // 第二个参数为0，表示不删除，之后的参数表示插进数组，下标从1开始，之前的元素往后挪
console.log(res);  // []
console.log(arr);  // [1, 8, 9, 2, 3]

// 改（替代）    
var arr = [1, 2, 3];
var res = arr.splice(1, 1, 8, 9);  // 第二个参数为1，表示替代掉下标为1的元素
console.log(res);  // [2]
console.log(arr);  // [1, 8, 9, 3]

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用？: 本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。更多说明请参考 VIP介绍。

提示下载完但解压或打开不了？: 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量，若小于网盘提示的容量则是这个原因。这是浏览器下载的bug，建议用百度网盘软件或迅雷下载。若排除这种情况，可在对应资源底部留言，或联络我们.。

找不到素材资源介绍文章里的示例图片？: 对于PPT，KEY，Mockups，APP，网页模版等类型的素材，文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买，且本站不负责(也没有办法)找到出处。同样地一些字体文件也是这种情况，但部分素材会在素材包内有一份字体下载链接清单。