3.es6中forEach以及数据操作

前言：

　　小白的js之路......

1. 遍历数组/集合 forEach

usernameArray = [];
//遍历
users.forEach((user, index) => {
    let username = user.name;
    //取出用户名添加到数组
    usernameArray[index] = username;
})

2. 数组过滤filter()和查找find()

let arr = s.filter( x => {
    return x == 'b'
})
console.log(arr) //["b", "b"]

// find只会返回匹配到的第一个值
let a = s.find( x => {
    return x == 'b'
})
console.log(a) //b

3.  将数组转为一个字符串join()

join() 方法用于把数组中的所有元素转换一个字符串, 元素是通过指定的分隔符进行分隔的。

let arr = ['刘','亦','菲']

let str = arr.join() //默认使用逗号分隔
console.log(str) //刘,亦,菲

let str1 = arr.join('');
console.log(str1) //刘亦菲

4. 采用set()去重数组元素

let nameStr = '刘亦菲,古力娜扎'
let arr = ['王菲','唐嫣','刘亦菲']
console.log(new Set(nameStr.split(',').concat(arr))); //Set(4) {"刘亦菲", "古力娜扎", "王菲", "唐嫣"}
console.log(...new Set(nameStr.split(',').concat(arr))); //刘亦菲 古力娜扎 王菲 唐嫣
console.log([...new Set(nameStr.split(',').concat(arr))]); //(4) ["刘亦菲", "古力娜扎", "王菲", "唐嫣"]

//这句代码的意思是将原始字符串nameStr和新的数组合并，然后通过set对象去重，在转换为字符串
nameStr = [...new Set(nameStr.split(',').concat(arr))].join();
console.log(nameStr) //刘亦菲,古力娜扎,王菲,唐嫣