项目开发中经常会用到这样的操作
1 2 3 4 5
| const list = ['Luke', 'Eva', 'Phil','Tela']; let data = list[0] let target = list[1]
|
缺点:在代码中出现数字,感觉这样写不够美观
一. shift()
1 2 3 4
| const list = ['Luke', 'Eva', 'Phil','Tela']; let data = list.shift() let target = list.shift()
|
优点:代码相对美观
缺点: 会修改原数组
二. 使用 es6解构
1 2 3 4 5
| const list = ['Luke', 'Eva', 'Phil','Tela']; const [first, second, third] = list; console.log(first, second); console.log(third)
|
到如今,已经知道了如何从数组中提取单个元素,那么对于想要取数组中的后面连续部分的元素怎么办呢?看下面的解构代码。
1 2 3 4
| const list = ['Luke', 'Eva', 'Phil','Tela']; var [first, ...rest] = list; console.log(rest);
|
三. Symbol.iterator
1 2 3
| const list = ['Luke', 'Eva', 'Phil','Tela']; const iteratore = list[Symbol.iterator]() console.log(iteratore.next().value) // 'Luke'
|