ES6 數組操作之Array.from()

一、Array.from()

作用：把類數組（獲取一組元素、arguments）對象轉成數組

個人觀點是：有length這個東西的，就可以轉

適用場景：

1.比如獲取的元素DOM集合（獲取一組元素）

eg:

<ul>
	 <li>1111</li>
	 <li>2222</li>
	 <li>3333</li>
</ul>

let ali = document.querySelectAll('ul li')
let arrli = Array.from(ali)
console.log(arrli)

原本的獲取到的ali是不能進行數組操作的，比如pop,push等操作，轉換成數組後的arrli就可以進行數組的常規操作

2.arguments

function show (){
		let args = arguments
		console.log(args)
}
	show(1,2,3,4,5)

這樣打印出來的是：1,2,3,4,5

function show (){
		let args = Array.from(arguments) 
		console.log(args)
}
	show(1,2,3,4,5)

使用Array.from（）後，得到就是將參數轉化爲數組的結果[1,2,3,4,5]

3.把字符串轉化成數組

let str = 'string'
let arr = Array.from(str)
console.log(arr)

結果就是arr=['s','t','r','i','n','g']

4.json，必須有長度纔可以轉

let json ={
		0:'aaa',
		1:'bbb',
		2:'ccc',
	}
	let arr = Array.from(json)
	console.log(arr)
	//無法轉

let json ={
		0:'aaa',
		1:'bbb',
		2:'ccc',
		length:3
	}
	let arr = Array.from(json)
	console.log(arr)
//可轉