es6基础 --- 3、数组相关：数组解构、数组展开

数组解构

• 按位置提取相应数据

        <script>
		// 数组解构
		const arr = ['foo', 'bar', 'baz'];
		// 按位置提取
		const [foo, bar, baz] = arr;
		console.log(foo, bar, baz); // foo bar baz
		// 提取第三个
		const [, , third] = arr;
		console.log(third); // baz
		// 提取第一个和剩余数组
		const [first, ...rest] = arr;
		console.log(first, rest); // foo ["bar", "baz"]
		// 设置提取默认值
		const [fir, sec, thir = 'third', more = 'more'] = arr;
		console.log(fir, sec, thir, more); // foo bar baz more
	</script>

• 实践

提取路径

        <script>
		const path = '/foo/bar/baz';
		[, root] = path.split('/');
		console.log(root);
	</script>

数组展开

利用...操作符可以将数组展开成一个序列

• 实践：打印数组

        <script>
		// 打印数组
		const arr1 = ['I', 'am', 'lf!'];
		// es5
		console.log.apply(console, arr1)
		// es6
		console.log(...arr1)
	</script>