☞☞ 个人主页欢迎访问 ☜☜
大家好，本人名叫苏日俪格，大家叫我 （格格） 就好，在上一章节中我们学到了数组的循环的用法，下面我们一起来继续学习数组新增方法：
1. 将伪(类)数组转换成数组
<body>
<script type="text/javascript">
window.onload = function(){
let oLi = document.querySelectorAll('li');
// oLi.push();
// console.log(aLi); // oLi.pop is not a function
let aLi = [...oLi]; // 准换成数组
aLi.push('yufy');
console.log(aLi); // [li, li, li, li, "yufy"]
};
</script>
<ul>
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
<li>sss</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 = [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，支持转载但要下标注，同时恭候：个人博客
等一下( •́ .̫ •̀ )，我还有最后一句话：
这里虽然没有都市的繁华，
也没有山林的鸟语花香，
只有一片如水的宁静，
古人云：
既来之则安之，
既然来到了这里，
就可以静心休憩你的灵魂，
调养你疲惫的心，
再见...
网友评论