5 个JavaScript 中 Array.from() 的用例【附中奖者名单】
web前端开发
共 2653字,需浏览 6分钟
· 2021-12-01
英文 | https://javascript.plainenglish.io/5-use-cases-for-array-from-in-javascript-a40889115267
翻译 | 杨小爱
Array.from('astring');
// [“a”, “s”, “t”, “r”, “I”, “n”, “g”]
您可以从地图创建一个新数组。此外,您可以使用 Array.from() 方法为地图的键和值构造数组。
const map = new Map([[1, 2], [2, 4], [4, 8]]);
Array.from(map)
// [1, 2], [2, 4], [4, 8]
Array.from(map.values());
// [2, 4, 8]
Array.from(map.keys());
// [1, 2, 4]
您还可以编写一个将参数作为数组元素的函数。然后,返回构造的数组。
function createArray() {
return Array.from(arguments);
}
createArray(1, 2, 3, 4, 5) // [1, 2, 3, 4, 5]
您还可以从用户定义的可迭代对象创建数组。
function* iterator() {
yield 1;
yield 2;
}
console.log(Array.from(iterator())); // [1, 2]
2、初始化一个数组
有时,您可能需要用零初始化数组。使用 Array.from() 方法,您可以快速完成。
Array.from({length: 5}, x => 0);
// [0, 0, 0, 0, 0]
3、克隆一个数组
JavaScript 中的 slice() 方法可以帮助您创建数组的浅拷贝。例如,您可以使用不带参数的 slice() 方法克隆一个数组。
const updatedGrades = [66, 92, 100, 58, 21, 33];
midtermGrades = updatedGrades.slice();
您还可以使用 Array.from() 方法克隆一个数组。
const updatedGrades = [66, 92, 100, 58, 21, 33];
const midtermGrades = Array.from(updatedGrades);
4、查找数组的唯一项
您可以使用 Array.from() 方法在数组中找到唯一项。为此,您可以将 Array.from() 方法与 Set 结合使用。
Array.from(new Set([1, 2, 2, 3, 3, 3, 4, 4, 4, 4]));
// [1, 2, ,3 ,4]
5、创建范围函数
Array.from() 可以帮助您根据需要创建范围函数。对于类似数组的对象参数,您可以使用类似数组的 {length:end}
function Range(start, stop, step) {
return Array.from({ length: (stop - start) / step + 1}, (_, i) => start + (i * step));
}
console.log(Range(0,5,1)) // [0, 1, 2, 3, 4, 5]
console.log(Range(0,9,3)) // [0, 3, 6, 9]
console.log(Range('A'.charCodeAt(0), 'Z'.charCodeAt(0), 1).map(x => String.fromCharCode(x)));
// ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z']
从类数组对象创建数组
初始化数组
克隆数组
查找数组的唯一项
创建范围函数并使用该函数创建英文字母表。
学习更多技能
请点击下方公众号
评论
了解加密货币到加密货币的互换
1、什么是加密货币互换?加密货币到加密货币的互换是指以现行市场汇率将一种加密货币直接兑换为另一种加密货币。与需要法定货币存款和较长流程的传统交易所不同,加密货币到加密货币的互换可以无缝地促进交换。掉期在提高加密货币的流动性和效率方面发挥着重要作用。该功能使用户能够将他们的加密货币与钱包中的其他代币进
区块链头条
0
李彦宏:开源大模型不如闭源,后者会持续领先;周鸿祎:“开源不如闭源” 的言论是胡说八道
架构师大咖
架构师大咖,打造有价值的架构师交流平台。分享架构师干货、教程、课程、资讯。架构师大咖,每日推送。
公众号该公众号已被封禁0、李彦宏:开源大模型不如闭源,后者会持续领先当今
源码共读
0
用 Shader 实现旗帜飘扬动画效果
我觉得对于刚入门 3D 编程的朋友来说,如果能够完成代码创建模型数据->创建材质->编写Shader动画这一系列,想必会有满满的成就感。今天就用 Cocos Creator 的 utils.MeshUtils.createMesh 接口,带大家感受一下这个流程。这个流程不仅可以用于新手学
COCOS
2
【第129期】程序员的新宠:三款终端工具,让你告别Xshell!
概述 WindTerm:跨平台的SSH利器 首先介绍的是WindTerm,这是一款使用C语言开发的跨平台SSH客户端。它不仅完全免费,而且没有商业使用的限制。WindTerm支持SSH v2、Telnet、Raw Tcp等协议,而且性能出色,甚至超过了FinalShell和Electerm。功能
前端微服务
0
字节员工:35岁以后被裁员的,后来都走了哪条路?现在2-2,要不要利用最后一年拼命上个岸。
架构师大咖
架构师大咖,打造有价值的架构师交流平台。分享架构师干货、教程、课程、资讯。架构师大咖,每日推送。
公众号该公众号已被封禁在当今竞争激烈的职场环境中,年龄并不总是一个决定性
源码共读
0
上班的时候,有一群摸鱼搭子非常重要...
上班的时候,有一群摸鱼搭子非常重要!一到上班时间,他们就从四面八方涌进群里冒泡...从八卦聊到股市、从职场聊到乌X兰局势,偶尔还会复读、相亲、battle...然后,下午6点钟准时消失不见...所以你要不要加入我们一起摸鱼?我们有北京、上海、深圳、广州、杭州、武汉、成都、南京等8个城市的摸鱼群,还有
产品经理日记
0
周四002 瑞超:同样落寞的境遇——北雪平vs埃尔夫斯堡
上赛季最终排名联赛第9的北雪平本赛季伊始表现不佳,4轮战罢他们仅以1胜1平2负的战绩排在倒数第三,这支历史上曾夺得13次联赛冠军、6次杯赛冠军老牌劲旅,正如英格兰赛场上的一众百年俱乐部,在低谷中不断探索着出路。球队主教练安德烈亚斯·阿尔姆曾是AIK索尔纳及赫根队的主教练,他于今年年初刚刚拿起球队教鞭
产品与体验
0
雷军辟谣了!不是高考状元,卡里也没有冰冷的 40 亿
架构师大咖
架构师大咖,打造有价值的架构师交流平台。分享架构师干货、教程、课程、资讯。架构师大咖,每日推送。
公众号该公众号已被封禁最近很火的雷军简历,听说落魄时卡里只有冰冷的 40
源码共读
0