JS中Array数组常用的方法

数组常用实例方法-核心方法

方法	作用	说明
forEach	遍历数组	不返回，用于不改变值，经常用于查找打印输出值
filter	过滤数组	筛选数组元素，并生成新数组
map	迭代数组	返回新数组，新数组里面的元素里处理之后的值，经常用于处理数据
reduce	累计器	返回函数累计处理的结果，经常用于求和等

forEach:遍历数组

作用:不返回，用于不改变值，经常用于查找打印输出值

1.没有返回值

2.不能用break打断

3.遍历的是value

const arr =[10,20,30]

arr.forEach(item=>{
	console.log(item)
	输出三次:
	第一次:10
	  二  :20
	  三  :30
}

map:  迭代数组

返回新数组，新数组里面的元素里处理之后的值，经常用于处理数据

1.有返回值（数组）没有值（默认return undefined）

2.接收的参数是一个函数（key，value）

3.不能使用break

const arr = [1, 2, 3];
const result = arr.map(function(item) {
  return item + 1;
});
或者
let res = arr.map((value,key)=>{
    return value + 1;
})
console.log(result);
/*
索引值   输出值
  0    :   2
  1    :   3
  2    :   4
*/

filter:过滤数组

筛选数组元素，并生成新数组

item：当前值

index：当前的下标值

 const arr = [10,20,30]
        const result = arr.filter(function(item,index){
            return item >= 20
        })
        console.log(result);//[20,30]


简写形式
 const newArr = arr.filter(item => item >= 20)
 console.log(newArr);//[20,30]

reduce:累计器

• 作用：reduce返回累计处理的结果，经常用于求和等

• 基本语法：

//数组reduce方法
//arr.reduce(function(上一次的值 当前值){},初始值)
const arr = [1,5,8];

// //1.没有初始值
// const total = arr.reduce(function(prev,current){
//     return prev + current
// });
// console.log(total);//14

//有初始值
// const total = arr.reduce(function(prev,current){
//     return prev + current;
// },10);
// console.log(total);//24
const total = arr.reduce((prev,current) => prev+current,10);
        console.log(total);//24

其他方法

every():

测试一个数组内所有的元素是否都能通过某个指定函数的测试，它返回一个布尔值

代码演示：

//every每一个是否都符合条件 如果都符合返回true 否则返回false
const arr1 = [10,20,30]
const flag = arr1.every(item => item >= 20);
console.log(flag);//false

some():

检测数组元素是否满足条件，只要有一个满足就返回true

 const arr1 = [10,20,30]
 const flag = arr1.some(item => item >= 20);
 console.log(flag);//true