Es6数组扩展方法和对象扩展方法

一、数组扩展方法

1.forEach数组循环方法

(利用forEach方法输出数组的元素的值以及索引)(forEach方法具有两个参数,第一个是元素的值,)

   var arr = [1, 2, 3, 4]
        //forEach 循环
        arr.forEach(
            (ele, index) => {
                console.log(ele, index);
                // ele  数值  index索引
            }
        )

2.fliter筛选方法

利用fliter函数筛选出age大于22的,筛选出满足条件的成为新的数组

 var arr3 = [{
            name: 'zs',
            age: 20
        },
        {
            name: 'xtx',
            age: 24
        },
        {
            name: 'asx'
            , age: 22

        }]
        var arr4 = arr3.filter(
            (ele) => {
                return ele.age > 22;
            }
        )
        console.log(arr4);

3.map 数组映射方法

利用已有数组输出每个元素都变成二倍的数组,利用map函数进行映射

 var arr5 = arr.map(
            (ele) => {
                return ele * 2;
            }
        )
        console.log(arr5);

4.some 函数

判断一个数组中是否具有满足条件的元素,如果有一个满足条件,那么some函数就会返回一个true,如果都不满足,就返回false

        var ages = [3, 10, 18, 20];
        var result = ages.some(function (age) {
            return age >= 18;
        })
        console.log(result);

4.every函数

判断一个数组中是否所有元素都满足条件,如果全部满足条件返回true,只要有一个不满足条件,就会返回false

    var result1 = ages.every(function (age) {
            return age >= 18;
        })
        console.log(result1);

5.reduce函数

reduce函数用来做累积操作

reduce((total,num)=>{return 表达式;}),后边的表达式是与total和num相关的,tptal*num就会表示累乘操作,结果为24,如果表达式是+就是累积操作结果为10

    var number = [1, 2, 3, 4];
        var total = number.reduce((total, num) => {
            return total*num;
        })
        console.log(total);

6.find和findIndex函数

find  找到第一个符合条件的    findIndex  返回第一个符合条件的索引

           var s = number.find((ele) => {
            return ele < 20;

        })
        console.log(s);

7inclued函数

包含返回true 没有返回false

  var arr8=[5,1,3,2,6];
  console.log(arr8.includes(8));

8.for  of方法
number 后边可以.values() 数值 | .keys() 索引  |.entries() 返回一个数组(包含索引和数值)
index  ele(index,ele)  index索引

        for (ele of number.keys()) {
            console.log(ele);//可以进行解构赋值 
        }

9.  Array.from函数可以把类数组转换为数组,之前的扩展运算符...也可以进行转换

        var ali=document.getElementsByTagName('li');
         var arr=[...ali];
         var arr1=Array.from(ali);
         console.log(arr1);

二、对象的扩展方法

1. 当属姓名和属性值同名时可以简写,即如下代码中对象中的name和age代码应为:age:age,name:name

        var name = 'lisi';
        var age = 19;

        var obj = {
            name,
            age,
            eat(){
                ()=>{

                }
            }
        }

2.assign方法合并对象(...扩展运算符也可以,即{...obj3,...obj4})

合并规则:后一个与前一个重复的属性 后一个会覆盖前一个 后一个没有的前一个不变 前一个没有的后一个直接加入

       //合并对象
        var obj3 ={
            name:'zs',
            age:20
        }
        var obj4={
            name:'ass',
            age:28
            ,sca:'ask'

        }
        var arr5=Object.assign(obj3,obj4);

3.in方法   用来判断对象中是否包含某个属性

key用来访问

        console.log(name in obj4);
         for(key in obj3){
             console.log(obj3[key]);
         }

你可能感兴趣的:(es6,前端,ecmascript)