择要
近来进修了JS数组的基础学问，在这里呢总结一下，包括js数组的属性与要领，js数组经常碰到的一些问题，小编经由过程查阅一些网上的学问，把关于数组的东西举行了排列，愿望列位大神多多指导！
数组属性
length
length属性示意数组的长度，即个中元素的个数。
JavaScript数组的length属性是可变的，当length属性被设置得更大时，悉数数组的状况事实上不会发生变化，仅仅是length属性变大；当length属性被设置得比本来小时，则本来数组中索引大于或即是length的元素的值悉数被丧失。
prototype
返回对象范例原型的援用。prototype 属性是 object 共有的。
平经常运用来给数组实例增加要领。
constructor
示意建立对象的函数。
申明：constructor 属性是一切具有 prototype 的对象的成员。constructor 属性保留了对组织特定对象实例的函数的援用。
基础操纵
建立数组
// 数组实例的建立
var arr = [];//建立空数组
var arr = [1,"{1,2}","string"];//建立一个数组并赋值
var arr = new Array(); //建立一个空数组 []
var arr = new Array(5); //建立一个length为5的数组 [undefined, undefined, undefined, undefined, undefined]
var arr = new Array(1,2,3,4,5); //建立数组并赋值 [1,2,3,4,5]
var arr = Array.of(7); // 建立数组并赋值 [7]
var arr = Array.of(1, 2, 3); // 建立数组并赋值 [1, 2, 3]
检测数组
//推断一个对象是不是是数组
var arr = [1,8,9];
/*
要领一 instanceof是Java、php的一个二元操纵符（运算符），和==，>，<是统一类东西,它的作用是推断其左侧对象是不是为其右侧类的实例，返回boolean范例的数据
*/
if(arr instanceof Array){}
/*
要领二 prototype 属性使您有才能向对象增加属性和要领
*/
if(Object.prototype.toString.call(arr) == '[object Array]')}{}
//要领三 这类是最经常运用的要领
if(Array.isArray(arr)){}
/*
要领四 constructor 属性返回对建立此对象的数组函数的援用,Construction代表类中的一个组织要领，这个要领封装了类的定义
*/
if(arr.constructor == Array){}数组要领
① isArray()
Array.isArray(obj) 检测对象是不是 Array(数组) ，是则返回true，不然为false。
② from()
Array.from(arrayLike, mapFn, thisArg)
该要领从一个相似数组或可迭代对象建立一个新的数组实例。参数 arrayLike 是想要转换成实在数组的类数组对象或可遍历对象。mapFn是可选参数，假如指定了该参数，则末了天生的数组会经由该函数的加工处置惩罚后再返回。thisArg是可选参数，为实行 mapFn 函数时 this的值。
所谓相似数组的对象，本质特征只要一点，即必需有length属性。因而，任何有length属性的对象，都能够经由过程Array.from要领转为数组。见下面的小例子：
var arrayLike = {
0: 'a',
1: 'b',
2: 'c',
length: 3
}
var arrayLike2 = {length: 3}
var str = 'abcd'
var newArray = Array.from(arrayLike) //['a', 'b', 'c']
var newArray2 = Array.from(arrayLike2) // [undefined, undefined, undefined]
var newArray3 = Array.from(str) // ['a', 'b', 'c', 'd']
console.log(newArray);
console.log(newArray2);
console.log(newArray3);
③ of();
Array.of(item,…..) 该要领用于建立数组实例。该要领用于替代 Array() 或 new Array()。Array.of() 和 Array 组织函数之间的区分在于处置惩罚整数参数：Array.of(7) 建立一个具有单个元素 7 的数组，而 Array(7) 建立一个包括 7 个 undefined 元素的数组。
eg:
var a1 = Array(7);
var a2 = Array(1,2,12);
var a3 = Array.of(7);
var a4 =Array.of(1,2,12);
console.log(a1);
console.log(a2);
console.log(a3);
console.log(a4);
数组实例要领
数组的转换
① 数组转换成字符串 Array.join(separator);.
把数组转换成字符串，先把数组中的每一个元素转换成字符串，然后再用 separator 分隔符把它们链接在一起，separator 分隔符默许是逗号 “,”，要想做到无距离链接，能够运用空字符串作为 separator：见下面的例子：
var arr = [1,2,3,4,5]
//默许标记 ","
var a1 = arr.join();//1,2,3,4,5
//自定义标记“ | ”
var a2=arr.join('|') //"1|2|3|4|5"
// 没有标记，用空字符串
var a3=arr.join("") //12345
console.log(a1);
console.log(a2);
console.log(a3);
② 字符串转换成数组 a.split();
var arr = [1,2,3,4,5]
//arr 转换成字符串并赋值给 a
var a = arr.join();
// 再把 a 转换成 数组，并用“ , ”离隔
var b = a.split(",");
console.log(b);
栈要领 (push pop)
Array.push(item……)将一个或多个新元素增加到数组末端，并返回
数组新长度。
var arr = ["Orange","Apple"];
var a = arr.push("banana","Mango");
console.log(a);//返回数值长度为 4Array.pop() 移除末了一个元素并返回该元素值。
var arr = ["Orange","Apple"];
var a = arr.pop();
console.log(a);// 移除末了一个元素 返回末了一个值Apple行列要领 (unshift shift)
Array.unshift(item…);将一个或多个新元素增加到数组最先，数组中的元素自动后移，返回数组新长度。
var arr = ["Orange","Apple"];
var a = arr.unshift("banana");
console.log(a);// 返回新数组的长度为 3Array.shifit();移除最前一个元素并返回该元素值，数组中元素自动前移.假如这个数组是空的，它会返回undefined。shift 一般比 pop 慢的多。
var arr = ["Orange","Apple","banana"];
var arr1 = [];
var a1 = arr1.shift();
var a2 = arr.shift();
console.log(a1);// 空数组返回undefined
console.log(a2);// 移除第一个元素，并返回该元素 Orange重排序要领(reverse, sort)
Array.reverse() 倒置数组的递次
var arr = ["Orange","Apple","banana"];
var a = arr.reverse();
console.log(a);
Array.sort() 给数组排序， 默许升序。 sort 默许会将数组内容视为字符串来排序，所以对数字排序时默许的排序规则会错的离谱，看下面的例子是怎样错的：
var arr = [2,4,10,6,8,20];
var a = arr.sort();
console.log(a);
处理这类根据字符串来排序的要领就是给sort带入个比较函数来替代本来默许的比较要领，比较要领吸收两个参数，假如两个参数相称则返回0，假如第一个参数应当排在前面则返回一个负数，假如第二个参数应当排在前面则返回一个正数：
var arr = [2,4,10,6,8,20];
var a = arr.sort(function(a,b){
return a-b;
});
console.log(a);
操纵要领 ( concat, slice, splice, copyWithin, fill )
Array.concat(arr);该要领发生一份 arr的潜复制，并将多个数组（也能够是字符串，或者是数组和字符串的夹杂）附加在厥后衔接为一个数组，返回衔接好的新的数组。
var a = [1,2,3];
var b = ["string"];
var arr = a.concat(b);
console.log(arr);
Array.slice(start,end) 截取数组 ，假如没有 end ，则输出 start
以后的一切元素，这里遵照数学上的头脑（左闭右开），意义就是不包括 end ——–[ )
var a = [1,2,3];
var b = ["string"];
var arr = a.concat(b);
var arr1 = arr.slice(1, 3);
console.log(arr1);
Array.splice(start,deleteCount,item…),该要领从 数组 中移除一个或多个元素，并将新的 item插进去至移除元素的最先位置， 参数 start 是移除元素的最先位置，deleteCount 是要移除的元素的个数，item是要被插进去的元素。它返回一个包括被移除元素的数组。
① 增加新的元素
var fruits = ["Banana", "Orange", "Apple", "Mango"];
//在第三个元素的位置插进去新的元素
fruits.splice(2,0,"Lemon","Kiwi");
console.log(fruits);
② 删除某个元素并增加新的元素
var fruits = ["Banana", "Orange", "Apple", "Mango"];
//先移除从第二个位置最先背面的两个元素，并把新的元素增加到第二个位置
fruits.splice(1,2,"Lemon")
console.log(fruits);
Array.copyWithin(target,start,end)
target必需有的，复制到指定目的的索引位置(最先替代数据的位置)，start可选，元素复制的肇端位置，end 住手复制的索引位置，默许为 Array.length 返回值是数组
var fruits = ["Banana", "Orange", "Apple", "Mango", "Kiwi", "Papaya"];
//复制数组的前面两个元素到第三和第四个位置上,这里也遵照左闭右开的头脑，也就是 strat=0，end=2 如许明白 [0,2)
fruits.copyWithin(2, 0, 2);
console.log(fruits);
Array.fill(value,start,end)
fill()要领用于将一个固定值替代数组的元素,value是必选的，start可选，最先添补的位置，end可选，示意住手添补位置（默许为Array.length）,返回的是数组
var a = [1,2,3,4,6];
console.log(a.fill(5,2,4) );
位置要领 (indexOf, lastIndexOf, includes)
Array.indexOf(item,start)
item是必需要查找的元素，start 可选，规定在字符串中最先检索的位置，正当取值为 0 到 array.length-1 ,假如没有这个值，则从首字符最先查找，返回值为Number
var arr = ["Banana", "Orange", "Apple", "Mango", "Kiwi"];
var a = arr.indexOf("Orange");
console.log(a);//返回值为 1Array.lastIndexOf(item,start)
和indexOf 相似 唯一区分就是他是倒着数，strat的默许值为 array.length-1 ,注重该方
法在比较查找项与数组中每一项时，会运用全等操纵符(===)，也就是请求查找的项必需严厉相称
var arr = ["Banana", "Orange", "Apple", "Mango", "Kiwi"];
var a = arr.lastIndexOf("Kiwi");
console.log(a);//返回值为 4Array.includes(searchElement, fromIndex)
includes() 要领用来推断一个数组是不是包括一个指定的值，假如是返回 true，不然false.
fromIndex可选。从该索引处最先查找 searchElement。假如为负值，则按升序从 array.length +fromIndex 的索引最先搜刮。默许为 0。
var arr = ["Banana", "Orange", "Apple", "Mango", "Kiwi"];
var a = arr.includes("Apple",-2);//假如为fromIndex为负值，则数组的总长度 arr.length + fromIndex 就为当前我们要从这个位置最先检索的位置
console.log(a);// 返回 false迭代要领 (every, some, filter, forEach, map, find, findIndex, entries, keys, values)
Array.every(function(currentValue,index,arr), thisValue)
这个要领用于检索数组中一切的元素是不是满足某个前提，若满足，则返回true ，盈余元素不必继承检测，不然为false
var arr = [18,16,17,20];
var a = arr.every(function(item){
return item > 18;
});
console.log(a);//返回falseArray.some(function(currentValue,index,arr), thisValue)
这个要领用于检索数组中的元素是不是满足某个前提，如有一个满足，则返回true ，盈余元素不必继承检测，都不满足返回false
var arr = [18,16,17,20];
var a = arr.some(function(item){
return item > 18;
});
console.log(a);//返回 trueArray.filter(function(currentValue,index,arr), thisValue)
对数组中的每一项运转给定函数，返回该函数会返回 true 的项构成的数组
var arr = [18,16,17,20];
var a = arr.filter(function(item){
return item > 17;
});
console.log(a);//返回 一个检索事后的新数组
Array.forEach(function(currentValue, index, arr), thisValue)
对数组中的每一项运转给定函数，这个要领的返回值为undefined；
array.map(function(currentValue,index,arr), thisValue)
对数组中的每一项运转给定函数，返回每次函数挪用构成的数组
var arr = [4,16,25,36];
var a = arr.map(function(item){
return Math.sqrt(item);
});
console.log(a);//返回数组元素的平方根
Array.find(function(currentValue, index, arr),thisValue)
该要领对数组一切成员顺次实行函数，直到找出第一个返回值为 true 的成员，然后返回该成员。假如没有相符前提的成员，则返回 undefined
var arr = [4,16,25,36];
var a = arr.find(function(item){
return item == 25;
});
console.log(a);//返回查找到的该成员 25 Array.findIndex(function(currentValue, index, arr), thisValue)
该要领与 Arr.find() 相似，对数组中的成员顺次实行 函数，直至找到第一个返回值为 true 的成员，然后返回该成员的索引。假如没有相符前提的成员，则返回 -1
var arr = [4,16,25,36];
var a = arr.findIndex(function(item){
return item == 25;
});
console.log(a);//返回查找到的该成员的索引值 2
Array.entries()
Array.keys()
Array.values()
这三个要领都返回一个新的Array Iterator对象，能够用for…of轮回举行遍历，区分是keys()是对键名的遍历、values()是对键值的遍历，entries()是对键值对的遍历
合并要领(reduce, reduceRight)
Array.reduce(function(total, currentValue, currentIndex, arr),
initialValue)
reduce() 要领吸收一个函数作为累加器，数组中的每一个值（从左到右）最先缩减，终究盘算为一个值
var arr = [12,20,10];
var a = arr.reduce(function(total,item){
return total+item;
});
console.log(a);//返回和的效果为 42reduceRight() 要领的功用和 reduce() 功用是一样的，差别的是 reduceRight()
从数组的末端向前将数组中的数组项做累加
var arr = [12,20,10];
var a = arr.reduceRight(function(total,item){
return total+item;
});
console.log(a);//返回和的效果为 42