JavaScript数组的常用方法总结：遍历，复制，反转，排序，添加，删除（前端常见面试题必考必问）实例演示

 推荐文章：

VUE之VUEX常见面试题大全汇总--史上最全【vuex面试题】

前端面试题之HTML+CSS（持续更新）_勤动手多动脑少说多做厚积薄发-CSDN博客1.行内元素和块级元素?img算什么?行内元素怎么转化为块级元素?行内元素：和有他元素都在一行上，高度、行高及外边距和内边距都不可改变，文字图片的宽度不可改变，只能容纳文本或者其他行内元素；其中img是行元素块级元素：总是在新行上开始，高度、行高及外边距和内边距都可控制，可以容纳内敛元素和其他元素；行元素转换为块级元素方式：display：block；2.将多个元素设置为同一行?清除浮动有几种方式?将多个元素设置为同一行：float，inline-block清除浮动的方式：方法一：添.https://blog.csdn.net/qq_22182989/article/details/106867530?spm=1001.2014.3001.5502

2022最新Web前端经典面试试题及答案-史上最全前端面试题(含答案)、前端面试题大全、前端进阶必知必会知识点_勤动手多动脑少说多做厚积薄发-CSDN博客前端面试题汇总资料：需要资料的同学可以给我留言https://blog.csdn.net/qq_22182989/article/details/122451418?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522164446317716781683915410%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=164446317716781683915410&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~rank_v31_ecpm-9-122451418.nonecase&utm_term=%E9%9D%A2%E8%AF%95%E9%A2%98&spm=1018.2226.3001.4450
2021前端开发最全vuejs面试题（持续更新）_勤动手多动脑少说多做厚积薄发-CSDN博客1、什么是MVVM？答：MVVM是是Model-View-ViewModel的缩写，Model代表数据模型，定义数据操作的业务逻辑，View代表视图层，负责将数据模型渲染到页面上，ViewModel通过双向绑定把View和Model进行同步交互，不需要手动操作DOM的一种设计思想。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？答：在router目录下的index.js文件中，对path属性加上/:id。 使用router对象的params.id3、vue-router有哪https://blog.csdn.net/qq_22182989/article/details/106795502?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522164446317716781683915410%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=164446317716781683915410&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~rank_v31_ecpm-5-106795502.nonecase&utm_term=%E9%9D%A2%E8%AF%95%E9%A2%98&spm=1018.2226.3001.4450

JS必看面试题_勤动手多动脑少说多做厚积薄发-CSDN博客2019JS必看面试题1. javascript的typeof返回哪些数据类型.答案：string,boolean,number,undefined,function,object2. 例举3种强制类型转换和2种隐式类型转换?答案：强制（parseInt,parseFloat,number）隐式（== ===）3. split() join() 的区别答案：前者是将字符串切割成数组的形式，后者是将数组转换成字符串4. 数组方法pop() push() unshift() shttps://blog.csdn.net/qq_22182989/article/details/106792847?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522164446317716781683915410%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=164446317716781683915410&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~rank_v31_ecpm-4-106792847.nonecase&utm_term=%E9%9D%A2%E8%AF%95%E9%A2%98&spm=1018.2226.3001.4450JavaScript数组的常用方法总结：遍历，复制，反转，排序，添加，删除（前端常见面试题必考必问）实例演示_勤动手多动脑少说多做厚积薄发-CSDN博客https://blog.csdn.net/qq_22182989/article/details/86726944

 

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)，

Array.splice(开始位置， 删除的个数，元素)

万能方法，可以实现增删改：

从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() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。

18.Array.isArray()

isArray() 方法用于判断一个对象是否为数组。

如果对象是数组返回 true，否则返回 false。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = document.getElementById("demo");
console.log(Array.isArray(fruits))
VM78:3 true

参考：

JavaScript 数组方法

​​​​​​js数组常用方法整理

js中数组常用方法总结

js中forEach，for in，for of循环的用法和区别（一个比较神奇的例子）

 JS中 reduce() 的用法

简述forEach()、map()、every()、some()和filter()的用法

 自定义ES6提供的数组方法（forEach、filter、map、some、every、find、findIndex）