js常用数组方法大全

1.concat() 连接两个或更多的数组，并返回结果

var arr = new Array(3)
arr[0] = 1
arr[1] = 2
arr[2] = 3
console.log(arr.join()) //1,2,3

2.join() 把数组的所有元素放入一个字符串，元素通过指定的分隔符进行分隔，参数可选，指定要使用的分隔符，如果省略则默认使用逗号作为分隔符

var arr = new Array(3)
arr[0] = 1
arr[1] = 2
arr[2] = 3
console.log(arr.join()) //1,2,3

3.pop() 删除并返回数组的最后一个元素

var fruits = [“Banana”, “Orange”, “Apple”, “Mango”];
fruits.pop();
console.log(fruits) // [“Banana”,“Orange”,“Apple”]

4.push() 向数组的末尾添加一个或更多元素，并返回新的长度

var fruits = [1,2,3];
fruits.push(4)
console.log(fruits ) // [1,2,3,4]

5.shift() 删除数组的第一个元素,并返回新的长度

var fruits = [1,2,3,4]
fruits.shift()
console.log(fruits) // [2,3,4]

6.unshift() 向数组的开头添加一个或更多元素，并返回新的长度

var fruits = [2,3,4]
fruits.unshift(1)
console.log(fruits ) // [1,2,3,4]

7.reverse() 反转数组中元素的顺序

var fruits = [1,2,3,4];
fruits.reverse()
console.log(fruits ) // [4,3,2,1]

8.toString() 把数组转换为字符串，并返回结果

var fruits = [1,2,3,4];
fruits.toString()
console.log(fruits ) // 1,2,3,4

9.splice() 从数组中添加或删除元素。会改变原始数组
参数 :
第一个参数：index 规定从何处添加元素
第二个参数：howmany 可选。规定应该删除多少元素。必须是数字，但可以是 “0”。
第三个参数：item1, …, itemX 可选。要添加到数组的新元素

var arr = [1,2,3,4]
arr.splice(0,1) // 在位置0处，删除一个项目
console.log(arr) // [2,3,4]
var fruits = [“Banana”, “Orange”, “Apple”, “Mango”];// 在位置 2，添加新项目，并删除 1 个项目
fruits.splice(2, 1, “Lemon”, “Kiwi”); // [“Banana”, “Orange”, “Lemon”, “Kiwi”, “Mango”]

10.slice() 选取数组的的一部分，并返回一个新数组。不会改变原数组
参数:
第一个参数：start 可选，规定从何处开始选取。(数组下标)
第二个参数：end 可选，规定从何处结束选取。(数组下标)，结束位置不会被截取

var arr1 = [1,2,3,4]
console.log(arr1.slice(3)) // [4]
var arr2 = [1,2,3,4]
console.log(arr2.slice(1,3)) // [2,3]

11.map() 通过指定函数处理数组的每个元素，并返回处理后的新数组

let arr = [5,2,1,3,4]
arr.map(value=>{
return value*value
})
// [25, 4, 1, 9, 16]

12.forEach() 数组每个元素都执行一次回调函数

// 定义一个临时数组
let tempArr = []
// 循环购物车数组，并且添加进定义的空数组
state.shoppingCartItem.forEach(ele=>{
tempArr.push(ele)
})

13.filter() 检测数值元素，并返回符合条件所有元素的数组

let arr = [5,2,1,3,4]
let index = arr.filter(item=>{
return item>3
})
window.console.log(index)
// [5, 4]

14.some() 检测数组元素中是否有元素符合指定条件

1. 如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。
2. 如果没有满足条件的元素，则返回false。

let arr = [5, 2, 1, 3, 4];
let temp = arr.some((value) => {
return value > 6
});
window.console.log(temp)
// false

15.from() 通过给定的对象中创建一个数组

var arr = Array.from(“helloWord”)
console.log(arr)
// [“h”, “e”, “l”, “l”, “o”, “W”, “o”, “r”, “d”]

16.indexOf() 查找数组中的元素，并返回它所在的位置

let arr = [5,2,1,3,4]
console.log(arr.indexOf(1))
// 2

17.includes() 判断一个数组是否包含一个指定的值

let arr = [5,2,1,3,4]
console.log(arr.includes(1))
// true
console.log(arr.includes(0))
// false

18.find() 在数组中查找符合条件的元素，找到就返回 并且终止循环 找不到就是ubdefined

let arr = [{id:1,name:‘dee’},{id:2,name:‘dee’},{id:3,name:‘dee’},
{id:4,name:‘dee’},{id:5,name:‘dee’}];
// let obj = arr.find(function(item){
// return item == 3;
// })
// console.log(obj);
// ubdefined
let obj = arr.find(item => item.id > 1)
console.log(obj);
({id:2,name:‘dee’})

19.findIndex() 在数组中查找符合条件的元素，找到就返回对应的索引 并且终止循环 -1

let arr = [1, 2, 3, 4, 5];
let obj = arr.findIndex(function(item) {
return item > 6;
})
console.log(obj); // -1

20.every() 判断数组中每一项都是否满足条件，只有所有项都满足条件，才会返回true

var arr = [1, 2, 3, 4, 5];
var arr2 = arr.every(function(x) {
return x < 10;
});
console.log(arr2); 　　　　　　　　//true
var arr3 = arr.every(function(x) {
return x < 3;
});
console.log(arr3); 　　　　　　　　// false