2021-07-12-🌦🌦 优雅的获取 数组第一个元素

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

 // 获取数组的第一个元素
  const list = ['Luke', 'Eva', 'Phil','Tela'];  
  let data = list[0]
  let target = list[1]

缺点：在代码中出现数字，感觉这样写不够美观

一. shift()

  const list = ['Luke', 'Eva', 'Phil','Tela'];  
  let data = list.shift() // ”Luke“
  let target = list.shift() // ”Eva“

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

二. 使用 es6解构

  const list = ['Luke', 'Eva', 'Phil','Tela'];  
  const [first, second, third] = list;
  console.log(first, second); // 'Luke' 'Eva'  
  console.log(third)  // "Phil" "Tela"

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

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

三. Symbol.iterator

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