Sorry, your browser cannot access this site
This page requires browser support (enable) JavaScript
Learn more >

项目开发中经常会用到这样的操作

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() // ”Luke“
let target = list.shift() // ”Eva“

优点:代码相对美观
缺点: 会修改原数组

二. 使用 es6解构
1
2
3
4
5
const list = ['Luke', 'Eva', 'Phil','Tela'];  
const [first, second, third] = list;
console.log(first, second); // 'Luke' 'Eva'
console.log(third) // "Phil" "Tela"

到如今,已经知道了如何从数组中提取单个元素,那么对于想要取数组中的后面连续部分的元素怎么办呢?看下面的解构代码。

1
2
3
4
const list = ['Luke', 'Eva', 'Phil','Tela'];  
var [first, ...rest] = list;
console.log(rest); // ['Eva','Phil']

三. Symbol.iterator
1
2
3
const list = ['Luke', 'Eva', 'Phil','Tela'];  
const iteratore = list[Symbol.iterator]()
console.log(iteratore.next().value) // 'Luke'

评论