定义数组
var arr = new Array(1,2,3);
var arr1 = [1,2,3]
var arr = new Array(3);// [undefined,undefined, undefined]
数组方法
1.concat()
合并数组（深拷贝）
var arr = [1,2].concat([2,3],[4,5],[5,6]);
2.join()
数组->字符串
[1,2,3].join(); // 1,2,3
3.pop()
移出数组中的最后一个元素，并将其返回，未生成新数组
var arrpop = ['1',2,3];
console.log(arrpop.pop()); // 3
console.log(arrpop); //[ '1', 2 ]
4.push()
新元素（可以是任何值）添加到数组的末尾，并返回修改后数组的长度
var arrPush = [];
console.log(arrPush.push(1,2);//3返回新数组的长度
console.log(arrPush);//[1,2]
5.reverse()
反转数组顺序，并返回修改后的数组。
var a = [1,2,3];
console.log(a.reverse()); //[ 3, 2, 1 ]
console.log(a); //[ 3, 2, 1 ]
6.shift()
shift()是移除数组的首个元素，返回移出的字符。
var arrShift = ["aa","bb" ,"cc"];
console.log(arrShift.shift()); //aa
console.log(arrShift); //[ 'bb', 'cc' ]
7. unshift()
unshift是向前添加元素到数组中。返回的都是数组的长度。
var a = [1,2,3];
console.log(a.unshift("添加1")); //4
console.log(a); //[ '添加1', 1, 2, 3 ]
8.slice(start_index, end_index)
从已有的数组中返回选定的元素。该方法不会改变原数组，返回值是一个新的数组。
var arr = ["a","b" ,"c"，"d"];
console.log(arr.slice(0,2)); //["a","b","c"]
console.log(arr); // ["a","b" ,"c"，"d"];
9.splice(start , delete_count , i1 , i2 ,i3 ,...)
该方法可以在删除的同时添加新的元素，第一个参数表示删除的起始位置，第二个参数表示删除的个数，其余参数表示将要插入在此处的新元素.
var a = ["app" ,"pc" ," banner ","img" ,"js" ,"css"];
console.log(a.splice(2,2,'新增1',"新增2")); //[ ' banner ', 'img' ]
console.log(a); //[ 'app', 'pc', '新增1', '新增2', 'js', 'css' ]
10.sort()
用于数组的排序，它有一个可选参数（回调函数），我们可以用他来自定义排序规则。该函数有两个参数，两个参数相等时返回0，第一个参数大时返回1否则返回-1.
function customSort(a, b){
if( a>b ) return 1;
if( a<b ) return -1;
if( a==b ) return 0;
}
var a = [111, 99 ,1, 5,3];
console.log(a.sort()); //[ 1, 111, 3, 5, 99 ]
console.log(a.sort(customSort)); //[ 1, 3, 5, 99, 111 ]
11.Array.filter（callback,thisObject）//过滤a.不会改变原来的数组
var arr1 = [29,3,4,5,"str","fdl","1"];
var arr2 = arr1.filter((element,index , Array)=>{
return (typeof(element)== "number"); //返回数组中类型为数字的元素
});
console.log(arr2); // [29, 3, 4, 5]
12.Array.some(callback)
对数组中的每个元素都执行一次指定的函数（callback），
直到此函数返回 true，如果发现这个元素，some 将返回 true，如果回调函数对每个元素执行后都返回 false ，some 将返回 false。
它只对数组中的非空元素执行指定的函数，没有赋值或者已经删除的元素将被忽略。
var numArr = [1,2,3,4,5,6,7,8,8,,9,9,0,0,12];
var isGreater = function (element , index , Array){
return (element > 10); //如何匹配到大于10的则返回true否则返回false
};
var newArr = numArr.some(isGreater); //true
console.log(newArr);
13.Array.every()
对数组中的每个元素都执行一次指定的函数（callback），
直到此函数返回 false，如果发现这个元素，every 将返回 false，
如果回调函数对每个元素执行后都返回 true ，every 将返回 true。
它只对数组中的非空元素执行指定的函数，没有赋值或者已经删除的元素将被忽略
var evenArr = [2,4,"8"];
var isEven = function (element , index, Array){
return (typeof(element) == "number") && (element%2 ==0);//全部为偶数则返回true否则返回false
};
console.log(evenArr.every(isEven)); //false
14.Array.reduce(callback,initialValue) Array.reduceRight()
使用指定函数将数组元素进行组合,生成单个的值 (注入和折叠)
拥有两个参数 ，第一个为操作的函数，第二个为定义函数的初始值
这两个方法的用途一样，reduce是从左到右，reduceRight是从右到左。
var a = [1,2,3,4,5];
var sum = a.reduce(function(x,y){
return x+y;
},0);
console.log(sum); //15
15.Array.forEach(callback,thisObject)
ar EachArr = ["11","22","33","44"];
var mul = [];
var each = function (element , index ,Array){
mul[index] = (+element)*2;
};
var forEach = EachArr.forEach(each);
console.log(mul); //[22, 44, 66, 88]
16.array.IndexOf()/array.lastIndexOf(searchElement[, fromIndex]);
searchElement： 要搜索的元素
fromIndex ： 开始搜索的位置，默认为数组的长度（length），在这样的情况下，将搜索所有的数组元素。搜索是反方向进行的。
var array = [1,2,3,4,5];
console.log(array.lastIndexOf(3)); //返回索引位置2
console.log(array.lastIndexOf(6));//未找到返回-1
es6扩展方法
17.Array.from
类似数组的对象，Array.from将它转为真正的数组。
let arrayLike = {
'0': 'a',
'1': 'b',
'2': 'c',
length: 3
};
// ES6的写法
let arr2 = Array.from(arrayLike); // ['a', 'b', 'c']
18.Array.of()
Array.of方法用于将一组值，转换为数组。
Array.of(3, 11, 8) // [3,11,8]
Array.of(3) // [3]
Array.of(3).length //1
19.copyWithin()
// copyWithin(target, start = 0, end = this.length)
[1, 2, 3, 4, 5].copyWithin(0, 3) // [4, 5, 3, 4, 5]
20.find() 和 findIndex()
[1, 4, -5, 10].find((n) => n < 0) // -5 上面代码找出数组中第一个小于 0 的成员
[1, 5, 10, 15].find(function(value, index, arr) {
return value > 9;
}) // 10
21. fill()
fill方法使用给定值，填充一个数组。
['a', 'b', 'c'].fill(7) // [7, 7, 7]
new Array(3).fill(7)
22.entries()，keys() 和 values()
for (let index of ['a', 'b'].keys()) {
console.log(index);
}
// 0
// 1
for (let elem of ['a', 'b'].values()) {
console.log(elem);
}
// 'a'
// 'b'
for (let [index, elem] of ['a', 'b'].entries()) {
console.log(index, elem);
}
// 0 "a"
// 1 "b"
23.includes()
[1, 2, 3].includes(2) // true
[1, 2, 3].includes(4) // false
[1, 2, NaN].includes(NaN) // true
24.flat()，flatMap()
数组的成员有时还是数组，Array.prototype.flat()用于将嵌套的数组“拉平”，变成一维的数组。该方法返回一个新数组，对原数据没有影响。
[1, 2, [3, 4]].flat()
// [1, 2, 3, 4]
网友评论