数组的方法

数组的方法

在开发过程中，我们经常会对一些数组进行各种处理，比如循环数组、筛选数组、对数组元素进行特殊计算等，我们可以使用一些内置的数组方法，可以更方便的让我们对数组进行处理。下面是一些常见的数组方法

1、forEach()方法

• 格式：forEach(item , index){}
• 循环数组中的元素, 循环一旦开始，无法在中间被终止
• 循环数组中的每一项，并打印值和索引
• 代码示例：

arr1.forEach((item , index)=>{
            console.log(item + index);
        })

2、some()方法

• 格式：some(item , index){}
• 查找数组中的元素 ，找到对应元素后，可以通过return true 固定的写法来终止some循环
• 代码示例：

const arr1 = ['张三丰' , '张无忌' , '张三' , '张五']
arr1.some((item , index)=>{
            if(item == '张无忌'){
                console.log(index + item);
                return true
            }
        })

3、every（）方法

• 格式：every(item=>item.status)
• 判断数组中，元素是否被全选了
• 最终返回值是一个布尔值
• 代码示例：

const arr2 = [
            {id:1 , name:'张三丰' , status:true},
            {id:2 , name:'张无忌' , status:true},
            {id:3 , name:'张三' , status:true},
            {id:4 , name:'张五' , status:false}
        ]
arr1.some((item , index)=>{
            if(item == '张无忌'){
                console.log(index + item);
                return true
            }
        })

4、filter()方法

• 格式：filter(item => item.status)
• 用于数组的过滤
• 返回arr2数组中，status为false的元素
• 代码示例：

let arr3 = arr2.filter(item => item.status)
        console.log(arr3);

5、reduce()方法

• 格式：reduce((累加的结果 ， 当前循环项)=> {} , 初始值)
• 对数组进行累加操作
• 代码示例：

let arr4 = [
            {id:1 , name:'西瓜' ,  status:true , price:15 , count:1},
            {id:2 , name:'哈密瓜' ,  status:true , price:25 , count:2},
            {id:3 , name:'木瓜' ,  status:true , price:20 , count:1},
            {id:3 , name:'南瓜' ,  status:false , price:10 , count:3},
        ]
const sumPirce = arr4.reduce((atm , item) => atm += item.price * item.count , 0)
console.log(sumPirce);

6、数组方法的链式编程

• 可以利用多个数组方法对数组进行操作，以实现更多样的功能
• 代码示例：

//将arr4中status为true的水果总价计算出来
        const priceResult = arr4.filter(item => item.status).reduce((atm , item) =>atm += item.price * item.count , 0 )
        console.log(priceResult);

7、截取数组的方法

• slice（）
• 格式：slice ( start , end )
• start必填项，开始索引号；end选填，结束索引号（不包含end)
• 代码示例：

var arr = ['1' , '2' , '3' , '4' , '5']
console.log(arr.slice(1,3)); //输出结果[ '2', '3' ]

• splice()
• 格式：splice ( index , howmany , item1 , … , itemX )
• index：必填，整数，规定添加/删除的项目位置，使用负数可从数组结尾处规定位置
• howmany ：截取的项目数量，截取从inedx到howmany个项目
• item1 , … , itemX：选填，向数组中添加新的项目

var arr1 = ['1' , '2' , '3' , '4' , '5']
console.log(arr1.splice(1)); //输出结果[ '2', '3', '4', '5' ]
console.log(arr1.splice(1 , 3)); //输出结果为[ '2', '3' ]