数组创建

[element0, element1, ..., elementN]
new Array(element0, element1[, ...[, elementN]])
new Array(arrayLength)

demo:

clipboard.png

数组长度:

demo:

clipboard.png

通过索引访问数组元素:

demo:

clipboard.png

遍历数组(具体可参考https://segmentfault.com/a/11...

var a=[1,2,3,4,5,6,7];
for(var i=0;i<a.length;i++){ 
    console.log(i+':'+a[i]);
}

demo:

clipboard.png

常用数组方法:增,删,改

push() 方法将一个或多个元素添加到数组的末尾,并返回新数组的长度。

demo:

clipboard.png

使用场景:

var list=new Array();
for(var i=0;i<10;i++){
    lists=list.push(i);
    console.log(lists);    
}

demo:

clipboard.png

合并两个数组// 将第二个数组融合进第一个数组,Array.prototype.push.apply(元素1,元素2);

demo:

clipboard.png

unshift() 方法将一个或多个元素添加到数组的开头,并返回新数组的长度。

demo:

clipboard.png

shift() 方法从数组中删除第一个元素,并返回该元素的值。此方法更改数组的长度。

demo:

clipboard.png

pop()方法从数组中删除最后一个元素,并返回该元素的值。此方法更改数组的长度。

demo:

clipboard.png

splice() 方法通过删除现有元素和/或添加新元素来更改一个数组的内容。

array.splice(start)
表示删除[start,end]的元素。
array.splice(start, deleteCount)
array.splice(start, deleteCount, item1, item2, ...)
要添加进数组的元素,从start 位置开始。如果不指定,则 splice() 将只删除数组元素。
由被删除的元素组成的一个数组。如果只删除了一个元素,则返回只包含一个元素的数组。如果没有删除元素,则返回空数组。

demo:

clipboard.png

关于数组的截取和拼接

slice():实现数组的截取,在原来的数组中截取某一部分
arr.slice();// [0, end](不变)
arr.slice(begin);// [begin, end]
arr.slice(begin, end);// [begin, end)

demo:

clipboard.png

concat() 方法用于合并两个或多个数组。此方法不会更改现有数组,而是返回一个新数组。

demo:

clipboard.png

把数组转换为字符串

toString() 返回一个字符串,表示指定的数组及其元素。

demo:

clipboard.png

join() 方法将一个数组(或一个类数组对象)的所有元素连接成一个字符串并返回这个字符串。

demo:

clipboard.png

数组的排序和排列

sort() 方法默认排序顺序是根据字符串Unicode码点。

demo:

clipboard.png

应用场景大小排序:

clipboard.png

大体归纳:
图片描述

具体可参考:
https://developer.mozilla.org...


w芒果
305 声望7 粉丝