数组的扩展

ES6 - 数组的扩展

本节主要介绍了ES6关于数组的扩展, 重点在于ES6中数组方法并不会改变原数组。

01-22侠课岛    初级拔高       

前端/前端/前端系列课程P2 15     0     495

(五十二)ES6 - 数组的扩展

1:数组的扩展

  • 扩展运算符 - 将一个数组转为用逗号分隔的参数序列
  console.log(1, ...[2, 3, 4], 5);
  /* 1 2 3 4 5 6 */
  • 浅拷贝
const array1 = [ 1, 2 ];

const array2 = [ ...array1 ];
  • 合并数组
[...arr1, ...arr2, ...arr3];
  • 解构
const [first, ...rest] = [1, 2, 3, 4, 5];
first
/* 1 */
rest
/* [2, 3, 4, 5] */
  • 拆分字符串 - 识别四字节编码
[...'hello']
/* [ "h", "e", "l", "l", "o" ] */
  • 转换Iterator接口的对象
[...'abcabcabc'.matchAll('ab')];
let nodeList = document.querySelectorAll('div');
let array = [...nodeList];
  • Array.from - 类数组(包含length)的对象和迭代器对象转换为数组
  let arrayLike = {
      '0': 'a',
      '1': 'b',
      '2': 'c',
      length: 3
  };

  Array.from(arrayLike);
  /* ['a', 'b', 'c'] */
let divList = document.querySelectorAll('div');
Array.from(divList);

Array.from([1, 2, 3])
/* [1, 2, 3] */

Array.from({ length: 3 });
/* [ undefined, undefined, undefined ] */

Array.from([1, 2, 3], (x) => x * x);

本教程图文或视频等内容版权归侠课岛所有,任何机构、媒体、网站或个人未经本网协议授权不得转载、转贴或以其他方式复制发布或发表。

评价

15

本课评分:
  •     非常好
难易程度:
  •     适中的

内容目录


本文索引


|
教程
粉丝
主页

签到有礼

已签到2天,连续签到7天即可领取7天全站VIP

  • 1
    +2 金币
  • 2
    +3 金币
  • 3
    +5 金币
  • 6
    +7 金币
  • 5
    +6 金币
  • 4
    暖心福利
    自选分类VIP ×1天
  • 7
    惊喜大礼

    自选分类VIP ×3天 +20金币
  • 持续签到 +8 金币

金币可以用来做什么?