ES6z2数组解构和字符串解构的示例分析

这篇文章将为大家详细讲解有关ES6z2数组解构和字符串解构的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

具体如下:

ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(解构),而数组的解构赋值是从数组中提取值,按照对应位置,对变量赋值。

<强> ES6之前的赋值操作

var  arr =, (1、2、3); 　　var  a =, arr [0]; 　　var  b =, arr [1]; 　　var  c =, arr [2]; 　　console.log (a, b, c);,//, 1, 2, 3

<强>对一维数组的解构赋值的应用

var  arr =, (1、2、3); 　　var  [a, b, c],=,加勒比海盗; 　　console.log (a, b, c);,//, 1, 2, 3

<强>对多维数组的解构赋值的应用

let  arr =,[22日,(5、8),11); 　　let  [a, b, c, d],=,加勒比海盗; 　　console.log (a, b, c, d);,//, 22岁,5,8,11

<强>解构赋值用于变量的交换举例

let  x =, 11; 　　let  y =, 22; 　　[y、x],=, (x, y); 　　console.log (x, y);,//, 22日,11日

<强>解构赋值中不完全的解析示例

let  arr =,[22日,(5、8),11); 　　let  [[b] c],=,加勒比海盗; 　　console.log (a, b, c),,//, 22岁,5,11 　　let  [m, n, o),=,加勒比海盗; 　　console.log (m, n, o),,//, 22日,8,11

<强>不能被数组解析的值

let  [m],=,““ 　　console.log (m),,//,定义; 　　let  (x, y),=,南,,//,NaN  is  not  iterable只不能被数组解析的值:南,定义,,空,,{}

<强>实现了迭代器接口的类型都可以被解析赋值

let  (x, y),=, new 设置([22,,33]); 　　console.log (x, y);,//, 22岁,33

<>强自己创造一个实现迭代器接口的对象进行解构赋值

class 组{ 　　,构造函数(){ 　　,} 　　,下一个(){ 　　return 才能{值:& # 39;(9 # 39;,,:,假}; 　　,} 　　,(Symbol.iterator) () { 　　return 才能;; 　　,} 　　} 　　let  group =, new 组(); 　　let  [x, y, z, m, n),=,组; 　　console.log (x, y, z, m, n);,//, Joh  Joh  Joh  Joh  Joh 备注:这里如果类中接下来的的完成为真,那么全为未定义的

<强>…运算符转换成数组的解构举例

var  [x, w,……y),=, (1、2、3、4、5、6]; 　　console.log (w x, y);,//, 1, 2, (3、4、5、6)

<强>解构数组的默认值

如果数组中的不是未定义的,都会被成功解构,不会被默认值替代

let  [x=15,, y],=,(未定义,,12); 　　console.log (x, y);,//15, 12 　　let  (m=12,, n),=,(零,,10); 　　console.log (m, n);,//, null  10

<强>字符串解构的处理

var  [a, b, c],=, & # 39;你好# 39;; 　　console.log (a, b, c);,//, h  e  l

关于“ES6z2数组解构和字符串解构的示例分析”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。

ES6z2数组解构和字符串解构的示例分析