JavaScript数组的常用方法总结:遍历,复制,反转,排序,添加,删除(前端常见面试题必考必问
作者:互联网
1. Array.push()
向数组的末尾添加一个或多个元素,并返回新的数组长度。原数组改变。
一个:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x=fruits.push("Kiwi");
console.log(fruits)//(5) ["Banana", "Orange", "Apple", "Mango", "Kiwi"]
console.log(x)//5 x是 新的数组长度
多个:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x=fruits.push("Kiwi","Java");
console.log(fruits) //(6) ["Banana", "Orange", "Apple", "Mango", "Kiwi", "Java"]
console.log(x) // 6 x是 新的数组长度
2. Array.unshift(),
向数组的开头添加一个或多个元素,并返回新的数组长度。原数组改变。
3.pop()
删除并返回数组的最后一个元素,若该数组为空,则返回undefined。原数组改变。
pop() 方法从数组中删除最后一个元素。
pop() 方法的返回值是已删除的项目。
4.Array.shift(),
删除数组的第一项,并返回第一个元素的值。若该数组为空,则返回undefined。原数组改变。
5.find()
find() 方法返回通过测试(函数内判断)的数组的第一个元素的值。
find() 方法为数组中的每个元素都调用一次函数执行:
当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数。
如果没有符合条件的元素返回 undefined
注意: find() 对于空数组,函数是不会执行的。
注意: find() 并没有改变数组的原始值。
资料:
JavaScript find() 方法
6.Array.concat(arr1,arr2…),
合并两个或多个数组,生成一个新的数组。原数组不变。
7.Array.join(),
将数组的每一项用指定字符连接形成一个字符串。默认连接字符为 “,” 逗号。
8.Array.reverse(),
将数组倒序。原数组改变。
9.Array.sort(),
对数组元素进行排序。按照字符串UniCode码排序,原数组改变。
①从小到大
②从大到小
③按照数组对象中的某个值进行排序
10.Array.map(function),
原数组的每一项执行函数后,返回一个新的数组。原数组不变。(注意该方法和forEach的区别)。
11.Array.slice(start,end),
从start开始,end之前结束,不到end;如果不给end值,从start开始到数组结束。start可以给负值,-1表示数组最后位置,-2表示倒数第二个,以此类推,顾前不顾后。
12.Array.splice(index,howmany,arr1,arr2…) ,
删除元素并添加元素,从index位置开始删除howmany个元素,并将arr1、arr2…数据从index位置依次插入。howmany为0时,则不删除元素。原数组改变。
13.Array.forEach(function),
用于调用数组的每个元素,并将元素传递给回调函数。原数组不变。(注意该方法和map的区别,若直接打印Array.forEach,结果为undefined)。
14.Array.filter(function),
过滤数组中,符合条件的元素并返回一个新的数组。
15.Array.every(function),
对数组中的每一项进行判断,若都符合则返回true,否则返回false。
16.Array.some(function),
对数组中的每一项进行判断,若都不符合则返回false,否则返回true。
17.Array.reduce(function),
reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。
参考:
JavaScript 数组方法
js数组常用方法整理
js中数组常用方法总结
js中forEach,for in,for of循环的用法和区别(一个比较神奇的例子)
JS中 reduce() 的用法
简述forEach()、map()、every()、some()和filter()的用法
自定义ES6提供的数组方法(forEach、filter、map、some、every、find、findIndex)
标签:返回,面试题,元素,JavaScript,必考,forEach,数组,Array,find 来源: https://blog.csdn.net/qq_22182989/article/details/120995392