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

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

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，支持转载但要下标注，同时恭候：个人博客

等一下( •́ .̫ •̀ )，我还有最后一句话：
这里虽然没有都市的繁华，
也没有山林的鸟语花香，
只有一片如水的宁静，
古人云：
既来之则安之，
既然来到了这里，
就可以静心休憩你的灵魂，
调养你疲惫的心，
再见…