ES6——数组(1)，JavaScript的变量与字面量

最新推荐文章于 2024-10-06 13:20:09 发布

rr8f2haQf

最新推荐文章于 2024-10-06 13:20:09 发布

阅读量996

点赞数 29

分类专栏：前端程序员文章标签： javascript es6 前端

本文链接：https://blog.csdn.net/rr8f2haQf/article/details/136769779

版权

前端程序员专栏收录该内容

8 篇文章 0 订阅

订阅专栏

文章介绍了JavaScript中的可迭代对象、Map、Set转换，字符串处理，以及数组扁平化的flat()和flatMap()方法。此外，还提到了前端工程师的学习路径，特别是如何高效掌握HTML5、JavaScript、PWA和serviceWorker等技术，以及面试准备中的关键知识点。

摘要由CSDN通过智能技术生成

b: 2,

length: 2

});

console.log(array1); // [undefined, undefined]

转换可迭代对象

=================================================================

转换 map

let map = new Map();

map.set(‘key0’, ‘value0’);

map.set(‘key1’, ‘value1’);

console.log(Array.from(map)); // [[‘key0’, ‘value0’],[‘key1’,‘value1’]]

转换 set

let arr = [1, 2, 3];

let set = new Set(arr);

console.log(Array.from(set)); // [1, 2, 3]

转换字符串

let str = ‘abc’;

console.log(Array.from(str)); // [“a”, “b”, “c”]

嵌套数组转一维数组（数组的扁平化处理）

=============================================================================

flat()

console.log([1 ,[2, 3]].flat()); // [1, 2, 3]

// 指定转换的嵌套层数

console.log([1, [2, [3, [4, 5]]]].flat(2)); // [1, 2, 3, [4, 5]]

// 不管嵌套多少层

console.log([1, [2, [3, [4, 5]]]].flat(Infinity)); // [1, 2, 3, 4, 5]

// 自动跳过空位

console.log([1, [2, , 3]].flat());

// [1, 2, 3]

flatMap()

先对数组中每个元素进行了的处理，再对数组执行 flat() 方法。

// 参数1：遍历函数，该遍历函数可接受3个参数：当前元素、当前元素索引、原数组
// 参数2：指定遍历函数中 this 的指向
console.log([1, 2, 3].flatMap(n => [n * 2])); // [2, 4, 6]

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。