es6的数组的解构赋值

图片描述

求解释一下原因 特别是c

阅读 7k
4 个回答

首先在 ES6 中,...本身就是有结构对象的作用.

const [...a] = [1, 2, 3]
a // [1, 2, 3]

所以对于解构赋值,元素一一对应的关系,题目就分解成了

let [a, b, ...c] = [a, undefined, undefined]

这能有啥原因…………
解构赋值和聚合运算就是这么规定的……

赋值运算的右值数组中,第三位及以后都没有元素,那么c数组当然就是空数组……

var [a,b,...c] = ['a']
//c是不定参数,b是默认参数(undefined)
console.log(a); //a
console.log(b); //undefined 解构不成功就是undefined
console.log(c); //[] 不定参数解构不成功是空数组[],它永远不可能为undefined

数组解构对默认参数和不定参数的规则不同

let [x,y, ...c] = ['a']
等于
let x, y, c = ..c
['a'].forEach(function (item, index, array) {
    if (index === 1) {
        x = array[index]
    }
    if (index === 2) {
        y = array[index]
    }
    if (index === 3) {
        c = array[index]
    }
})
// 因为只有一个值,所以就x的变化了,而y和c没有变
// 循环里面是瞎扯的,但大概是这个原理



撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题