ES6 语法笔记（二）

---

一、数组查找.find

let arr=[1,2,3,4,5,6,7,8,9];

arr.find((value,index,arr) => {
   if(value > 5){
      console.log(value);
   }
})

输出 6 7 8 9

二、数组遍历 for of

let arr=['a','b','c']
for (let item of arr){
    console.log(item);
}

输出 a b c

上述for of 遍历是无法获取数组的index值，若要获取index值，需用如下代码：

let arr=['a','b','c']
for (let [index,val] of arr.entries()){
    console.log(index+':'+val);
}

输出 0:a 1:b 2:c

三、数组遍历 forEach

let arr=['a','b','c']
arr.forEach((item,index) => {
  console.log(`${index}:${item}`);
});

输出 0:a 1:b 2:c

四、合并对象 Object.assign( )

var a={a:'a'};
var b={b:'b'};
var c={c:'c'};

let d=Object.assign(a,b,c)
console.log(d);

输出 { a: ‘a’, b: ‘b’, c: ‘c’ }

---

五、promise的基本用法

promise执行多步操作非常好用，那我们就来模仿一个多步操作的过程，那就以吃饭为例吧。要想在家吃顿饭，是要经过三个步骤的。

1. 洗菜做饭。
2. 坐下来吃饭。
3. 收拾桌子洗碗。

这个过程是有一定的顺序的，你必须保证上一步完成，才能顺利进行下一步。我们可以在脑海里先想想这样一个简单的过程在ES5写起来就要有多层的嵌套。那我们现在用promise来实现。

let state=1;

function step1(resolve,reject){
    console.log('1.开始-洗菜做饭');
    if(state==1){
        resolve('洗菜做饭--完成');
    }else{
        reject('洗菜做饭--出错');
    }
}


function step2(resolve,reject){
    console.log('2.开始-坐下来吃饭');
    if(state==1){
        resolve('坐下来吃饭--完成');
    }else{
        reject('坐下来吃饭--出错');
    }
}


function step3(resolve,reject){
    console.log('3.开始-收拾桌子洗完');
     if(state==1){
        resolve('收拾桌子洗完--完成');
    }else{
        reject('收拾桌子洗完--出错');
    }
}

new Promise(step1).then(function(val){
    console.log(val);
    return new Promise(step2);

}).then(function(val){
     console.log(val);
    return new Promise(step3);
}).then(function(val){
    console.log(val);
    return val;
});

输出 ：
1.开始-洗菜做饭
洗菜做饭–完成
2.开始-坐下来吃饭
坐下来吃饭–完成
3.开始-收拾桌子洗完