ES6 - Array的常用对象，数组的遍历And其他方法

🚗个人主页：最好的人啊

🚌系列专栏：HTML/CSS

🚐推荐一款模拟面试、刷题神奇、从基础到大厂的面试题库，要想走上人生巅峰迎娶白富美赶快点击这个网站⚡不要犹豫，白富美在向你招手，快来注册吧！

 

目录

一，Array的常用对象

1，array.map()  返回新数组（可用于遍历数组）

2， array.filter() 过滤  

3， array.reduce() 缩减 

4，array.fill(value, start, end) 填充

5.小练习

1：求数组的中的最大值(缩减)。

2..数组，格式化为{ name: '张三', birthday: '2020-10-09', age: 20 }

​编辑 3.筛选2题目中年龄小于20的信息

   二，数组的遍历

1，for..of遍历数组的值

2，for..in遍历 

3.遍历对象 

4.array.forEach的用法 

5.小案例

1，for..of 如何遍历对象（Object.keys 可以获得对象的键）;

2，一组人员信息，输出到页面上显示。

 3：输出一组人员信息，输出到页面信息如下（（姓名，分数，是否及格60分）;

 三，其他方法

1 in 判断元素是否是数组(对象)的属性

2 arr.some 找满足条件的元素 找到则返回true 找不到则返回false

 3:split把字符串 按照“分隔符”转为数组

 4:Array.of负责把 一堆文本转成数组

---

一，Array的常用对象

1，array.map()  返回新数组（可用于遍历数组）

        const arr = [1,2,3,4,5]
        const newarr = arr.map((item)=>{
            return item + 2;
        })
        console.log(newarr);//[3,4,5,6,7]

注意：

array.map()  不会对空数组进行检测。

                      不会改变原始数组。

2， array.filter() 过滤  

返回满足条件的值 以数组的形式返回

        const arr = [1, 2, 3, 4, 5, 56];
        const newarr = arr.filter((item) => {
            return item % 2 == 0;
        })
        console.log(newarr);//[2,4,56]

注意：

array.map()  不会对空数组进行检测。

                      不会改变原始数组。

3， array.reduce() 缩减 

方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。

        total:即是初始值又是返回值

        currentValue:当前值

        const arr = [1,2,3,4,5];
        let newarr = arr.reduce((total,currentValue)=>{
            return total + currentValue;
        })

        console.log(newarr);

4，array.fill(value, start, end) 填充

• Value：必需。填充的值。

• Start：可选。开始填充位置。

• End：可选。停止填充位置 (默认为 array.length)。

        let arr = [1,2,3,4,5,6,7];
        arr.fill('x',2,4);
        console.log(arr);[1,2,x,x,x,6,7]

5.小练习

1：求数组的中的最大值(缩减)。

        let arr = [1, 256, 8, 4, 10];
        let max = arr.