Java教程

JavaScript数组的常用方法总结:遍历,复制,反转,排序,添加,删除(前端常见面试题必考必问

本文主要是介绍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数组的常用方法总结:遍历,复制,反转,排序,添加,删除(前端常见面试题必考必问的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!