关于数组长度:
如果为一个数组元素赋值,它的索引 i 大于或等于现有数组的长度时,length的值会自动设置为 i+1
设置length为一个小于当前长度的非负整数 n 时,那些索引值大于或等于 n 的元素将从中删除
添加数组元素:
push():在末尾添加,length+1
a.unshift():在头部添加,length+1
a[a.length]:在末尾添加,length+1
删除数组元素:
pop():在末尾删除,length-1
shift():在头部删除,length-1,并且被删后面的元素自动往前挪
直接指定length为更小的值,则索引大于等于length的部分被切除,即使后面再将length改回来,也无法找回数据,均为undefined
splice():可插入,删除,替换,会根据需要修改length的值,并移动元素到更高或更低的索引处
delete:可以删除某个数组元素,删除后用undefined占位,不会移动其他元素,length不会自动改变
数组方法:
改变原数组:
- pop()
- push()
- shift()
- unshift():以上,都是返回添加或删除的单个元素
- reverse():返回位置逆序数组,非大小逆序
- undefined也会参与逆序占位,并输出
- sort():返回排序后的数组
- 默认是按字母表排序
- 传入回调函数时,假设第一个参数应该在前,就要返回一个大于0的数值,所以按从小到大排序时:
function(a,b){return a-b }
- undefined会被排在最后,也会占位输出
- splice():返回被删除的片段
不改变原数组:
- concat():a.concat([4,5]),返回拼接后的新数组
- slice():参数start,end,包前不包后,返回被切除的片段。参数可以为负,此时实际的索引值为用长度加上该负值以后的值,如果start小于end,则返回空数组。
- 例: 长度为5的数组,slice(-2,-1),实际指的是slice(3,4)
- filter():【跳过undefined的值,输出时去除空缺】需要回调函数
function(value)
将每个元素值传入,经过一系列判断,如果返回值为true或能转化为true的值,则将其添加到新数组中,返回新数组。
- 应用:
a.filter(function(x){return true})
可以去除数组中的undefined值,但不能去除null,如果要去除null,需要再回调函数里进一步判断。
- forEach():【不会处理undefined的值】需要回调函数
function(value元素值,index下标,arr数组本身)
,返回值始终为undefined,循环过程中无法停止 - map():【不会处理undefined的值,即不传入回调函数处理,但输出时保留空缺】需要回调函数
function(value元素值,index下标,arr数组本身)}
,返回一个新数组,其中每一个下标的值为原数组经过回调函数处理后return的相应值,原来的undefined会在新数组中继续占位。
- 应用举例:
a = [4, 5, 6, undefined × 1, 99, undefined × 2] a.map(function(x){if(x === undefined){console.log("uuu")}else{return x*x }}) 运行结果:输出:[16, 25, 36, undefined × 1, 9801, undefined × 2] 原数组a的值不变
- 与forEach比较:
a.forEach(function(x){if(x === undefined){console.log("uuu")}else{return x*x }}) 运行结果:输出:undefined,数组a的值也不变
- 比较结果:两者都不会处理undefined,forEach不会提前返回,函数返回值永远是Undefined,map永远返回一个数组,数组中的元素是回调函数里面return的值,原来undefined的值还会在新数组中原地占位。
- reduce():【不会处理undefined的值】需要回调函数
function callbackfn(previousValue, currentValue, currentIndex, array1)
,每次传入两个元素值,经过一系列化简处理,最终得到一个值,返回。应用举例:累加
- 函数完整参数:
array1.reduce(callbackfn[, initialValue])
every():【也不处理undefined的值】有回调,检查是否每个value都满足回调函数返回true,否则返回false
some():有回调,只要有一个value令回调函数返回true,则some返回true
-
find():有回调,返回回调函数里面第一个返回true的value。
function isBigEnough(element) { return element >= 15; } [12, 5, 8, 130, 44].find(isBigEnough); // 130
-
findIndex():有回调,返回回调函数里面第一个返回true的value的index
function isBigEnough(element) { return element >= 15; } [12, 5, 8, 130, 44].findIndex(isBigEnough); // index of 3rd element in the Array is returned, it will result in '3'
indexOf():按内容查找,返回第一个找到的index,否则返回-1
var a = [2, 9, 9]; a.indexOf(2); // 0 a.indexOf(7); // -1
- lastIndexOf():反向搜索,其他同上。
- Array.from():将DOM-list和arguments这样的类数组转化为数组,使其可以使用数组原型上的方法。
- Array.entries() : 返回一个新数组,里面是多个子数组,每个子数组的[0]是原数组的下标,[1]是原数组下标对应的值.
- 例如:
const arr = ['a','b','c'];
let aaa= arr.entries(); // [[0,'a'],[1,'b'],[2,'c']]
应用补充:
- 利用数组方法可以实现数组的深拷贝:
- var newArr = arr.slice() // 原理:从index=0开始截取直到结束,返回一个新数组
- var newArr = arr.concat() // 原理:数组拼接,返回新数组