javascript （js） 数组常用方法汇总

一、 循环

1. for 循环

const arr = [11, 22, 33, 44, 55, 66, 77, 88]; 
for (let i = 0; i < arr.length; i++) { 
    console.log(arr[i]); 
}

结果： 

 

2. forEach()

const arr = [11, 22, 33, 44, 55, 66, 77, 88]; 
arr.forEach(function (item, index, array) { 
    console.log(item); 
}); 
//也可以使用Lambda表达式 arr.forEach(item => { console.info(item)})

结果：同上 

3. for...in 循环：for...in循环可以遍历数组中的每个元素，并返回元素的索引

const arr = ['x', 'y', 'z'];
for (let i in arr) { 
    console.log(arr[i]); 
}

结果：

 

4. for...of循环：for...of循环可以遍历数组中的每个元素，并返回元素本身

const arr = [1, 2, 3, 4, 5, 6]; 
for (let i of arr) { 
    console.log(i);
}

结果：

 

二 、 修改数组

map 方法，通过指定函数处理数组的每个元素，并返回处理后的数组。

const numbers = [1, 2, 3, 4, 5]; 
const result = numbers.map(number => number * 2); 
console.log(result);

结果：

 

三、 过滤数组

filter方法：filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

语法： array.filter(function(currentValue,index,arr), thisValue) , 在function中使用this变量，实际为thisValue

const fruits = ['苹果', '香蕉', '樱桃', '橙子', '西瓜', '草莓']; 
const strawberries = fruits.filter(fruit => fruit.endsWith('莓')); 
console.log(strawberries);

结果：

 

四、查找

find方法：方法返回通过测试（函数内判断）的数组的第一个元素的值。

语法：array.find(function(currentValue, index, arr),thisValue)

const arr = [1, 2, 3, 4, 5, 6]; 
const result = arr.find(item => item >= 3); 
console.log(result);

结果：