2018-06-21深入简出ES6(数组新增的方法)

1、将伪(类)数组转换成数组

<body>
    <script>
        window.onload = function(){
            let oLi = document.querySelectorAll('li');
            // oLi.push('eee');
            // console.log(oLi); //oLi.push is not a function
            let aLi = [...oLi]; //准换成数组
            aLi.push('cyril');
            console.log(aLi); // [li,li,li,li,'cyril']
        }
    </script>
    <ul>
        <li>aaa</li>
        <li>bbb</li>
        <li>ccc</li>
        <li>ddd</li>
    </ul>
</body>

把类数组转换成数组还有一种写法:let aLi = Array.from(oLi); 也就是用这段代码替换掉上段代码中的 let aLi = [...oLi];
Array.of() :类似于...扩展运算符,将一组值转换成数组:

let arr = Array.of('apple','banana','orange');
Array.of = function(...args){
  return args;
}
console.log(arr); //["apple","banana","orange"]

2、arr.find() 查找第一个符合条件的数组成员,没有找到返回undefined

        let arr = [40,90,120,115,113];
        let newArr = arr.find((val,index,arr) => {
            return val > 100;
        });
        console.log(newArr);

3、arr.findIndex() 查找第一个符合条件的数组成员的索引,没有找到返回undefined

        let arr = [40,90,120,115,113];
        let newArr = arr.findIndex((val,index,arr) => {
            return val > 100;
        });
        console.log(newArr);

4、arr.includes() ES6新增的包含某个子元素

        let arr = [40,90,120,115,113];
        let newArr = arr.findIndex((val,index,arr) => {
            return val > 100;
        });
        console.log(newArr);

GitHub个人主页 :https://github.com/Cyrildog

诸多问题没有答案,就是最后的答案;某份感情没有结果,可能就是最好的结果。

[图片上传失败...(image-7dafe-1529574868469)]

推荐阅读更多精彩内容