深入浅出ES6教程『数组新增方法』

☞☞ 个人主页欢迎访问 ☜☜


大家好,本人名叫苏日俪格,大家叫我 (格格) 就好,在上一章节中我们学到了数组的循环的用法,下面我们一起来继续学习数组新增方法:

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


    
    
  • aaa
  • bbb
  • ccc
  • sss

把类数组转换成数组还有一种写法: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 = [45,120,110,87,119];
let newArr = arr.find((val,index,arr)=>{
    return val>100;
});
console.log(newArr);  // 120

3. arr.findIndex()

查找第一个符合条件的数组成员的索引,没有找到返回undefined

let arr = [45,120,110,87,119];
let newArr = arr.findIndex((val,index,arr)=>{
    return val>100;
});
console.log(newArr);  // 1

4. arr.includes()

ES2016新增的包括某个子元素

let arr = ['aaa','bbb','ccc'];
let a = arr.includes('aaa');
console.log(a);  // true

关于数组新增方法我们都已经了然于心,预知对象如何,请听下回分解 (^∀^)/~~~

本文的所有内容均是一字一句敲上去的,希望大家阅读完本文可以有所收获,因为能力有限,掌握的知识也是不够全面,欢迎大家提出来一起分享!谢谢O(∩_∩)O~

欢迎访问我的GitHub,喜欢的可以star,项目随意fork,支持转载但要下标注,同时恭候:个人博客

等一下( •́ .̫ •̀ ),我还有最后一句话:
这里虽然没有都市的繁华,
也没有山林的鸟语花香,
只有一片如水的宁静,
古人云:
既来之则安之,
既然来到了这里,
就可以静心休憩你的灵魂,
调养你疲惫的心,
再见...
深入浅出ES6教程『数组新增方法』_第1张图片

你可能感兴趣的:(深入浅出ES6教程『数组新增方法』)