js数组常⽤api（前端⾯试题）
静态⽅法:
Array.of(…args): 使⽤指定的数组项创建⼀个新数组
Array.from(arg): 通过给定的类数组或可迭代对象创建⼀个新的数组。
const arr = Array.of(5);//值为5，length为1
const arr1 = new Array(10);//length为10的空数组
console.log(arr);
console.log(arr1);
其他api按具体作⽤分为:
⼀、添加
1、push() ⽅法将⼀个或多个元素添加到数组的末尾，并返回数组的新长度。
2、unshift() ⽅法将⼀个或多个元素添加到数组的开头，并返回新数组的长度。
⼆、删除
1、pop()⽅法从数组中删除最后⼀个元素，并返回该元素的值。此⽅法更改数组的长度。
2、shift() ⽅法从数组中删除第⼀个元素，并返回该元素的值。此⽅法更改数组的长度。
js合并两个数组三、操作
1、concat() ⽅法⽤于合并两个或多个数组。此⽅法不会更改现有数组，⽽是返回⼀个新数组。
var color = [‘red’,‘green’,‘blue’];
var color2 = at(‘yellow’,[‘black’,‘white’]);
console.log(color2) //red,green,blue,yellow,black,white
2、slice()⽅法返回⼀个从开始到结束（不包括结束）选择的数组的⼀部分浅拷贝到⼀个新数组对象，原始数组不会被修改。
var colors = [‘red’,‘green’,‘blue’,‘black’,‘white’];
var colors2 = colors.slice(1) //green,blue,black,white
var colors3 = colors.slice(1,4) //green,blue,black
3、splice()⽅法始终会返回⼀个数组，该数组包含从原始数组中删除的项（如果没有删除任何项，则返回⼀个空数组），⽤途最⼴，有如下3种
删除：需指定2个参数，要删除的第⼀项位置和要删除的项数
插⼊：需提供3个参数，起始位置、0（要删除的项数）和要插⼊的项，如要插⼊多个项，再传⼊第四，五...
替换：需指定3个参数，起始位置、要删除的项数和要插⼊的任意数量的项
var colors = [‘red’,‘green’,‘blue’];
var removed = colors.splice(0,1);
console.log(colors); //green,blue
console.log(removed); //red
var removed = colors.splice(1,0,‘black’);
console.log(colors); //green,black,blue
console.log(removed); // 返回空数组
var removed = colors.splice(0,2,‘yellow’,‘white’);
console.log(colors); //yellow,white,blue
console.log(removed); //red,green
四、位置⽅法
indexOf()⽅法从数组的开头（位置0）开始向后查，
lastIndexOf()⽅法从数组的末尾开始向前查，
这两个⽅法都接收两个参数：要查的项和（可选的）表⽰查起点位置的索引，没到返回-1
五、重排序⽅法
sort()⽅法按升序排列数组项–即最⼩的值位于最前⾯，最⼤的值排在后⾯。
reverse()降序排列；
注意：如果调⽤该⽅法时没有使⽤参数，将按字母顺序对数组中的元素进⾏排序，说得更精确点，是按照字符编码的顺序进⾏排序。要实现这⼀点，⾸先应把数组的元素都转换成字符串（如有必要），以便进⾏⽐较，再接收⼀个⽐较函数作为参数，以便我们指定哪个值位于哪个值的前⾯；
function compare(val1,val2) {
if(val1 < val2){
return -1;
}else if(val1 > val2){
return 1;
}else {
return 0
}
}
var val = [0,1,35,2,18];
console.log(val.sort(compare)); // 0,1,2,18,35
console.verse(compare)); //35,18,2,1,0
console.log(val.sort()); // 0,1,18,2,35
console.verse()); //35,2,18,1,0
六、迭代⽅法
1、forEach()，对数组的每⼀项运⾏给定函数，这个⽅法没有返回值。本质上与使⽤for循环迭代数组是⼀样的
2、map() 创建⼀个新数组，其结果是该数组中的每个元素都调⽤⼀个提供的函数后返回的结果。
七、转换⽅法
1、toString()⽅法会返回由数组中每个值的字符串形式拼接⽽成的⼀个以逗号分隔的字符串
2、valueOf()返回的还是数组
3、toLocaleString()⽅法也会返回由数组中每个值的字符串形式拼接⽽成的⼀个以逗号分隔的字符串
区别：
var date = new Date();
console.log(date.valueOf()); //1524815456865
console.String()); //Fri Apr 27 2018 15:50:56 GMT+0800 (CST)
console.LocaleString()); //2018/4/27 下午3:50:56
var num = new Number(1337);
console.log(num.valueOf()); //1337，返回⼀个 Number 对象的基本数字值
console.String()); //1337，字符串
console.LocaleString()); //1,337，把数字转换为字符串，使⽤本地数字格式顺序
注意：
toLocalString()是调⽤每个数组元素的 toLocaleString() ⽅法，然后使⽤地区特定的分隔符把⽣成的字符串连接起来，形成⼀个字符串。
toString()⽅法获取的是String(传统字符串),⽽toLocaleString()⽅法获取的是LocaleString(本地环境字符串)。
如果你开发的脚本在世界范围都有⼈使⽤，那么将对象转换成字符串时请使⽤toString()⽅法来完成。
LocaleString()会根据你机器的本地环境来返回字符串，它和toString()返回的值在不同的本地环境下使⽤的符号会有微妙的变化。
所以使⽤toString()是保险的，返回唯⼀值的⽅法，它不会因为本地环境的改变⽽发⽣变化。如果是为了返回时间类型的数据，推荐使⽤LocaleString()。若是在后台处理字符串，请务必使⽤toString()。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。