Array.from()
Array.from()
功能:
- 将类数组对象转换为数组
- 将字符串转换为数组
- 拷贝一个素组
Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。
所谓类数组对象,最基本的要求就是具有length属性的对象。
第一个接收参数可以是:类数组对象/字符串/数组/{length:长度}
类数组对象,属性为数字 且具有length属性 let arrayLike = { 0: 'tom', 1: '65', 2: '男', 3: ['jane', 'john', 'Mary'], 'length': 4 } let arr = Array.from(arrayLike) console.log(arr); // ['tom','65','男',['jane','john','Mary']]
如果把类数组的length 属性去掉 没有了length的类数组对象. 用Array.form() 就会得到一个空数组
let arrayLike = { 0: 'tom', 1: '65', 2: '男', 3: ['jane', 'john', 'Mary'], 'length': 4 } delete arrayLike.length let arr = Array.from(arrayLike) console.log(arr); // []
如果将类数组的属性名改为非数字类型
let arrayLike = { name: 'tom', age: '65', sex: '男', names: ['jane', 'john', 'Mary'], 'length': 4 } let arr = Array.from(arrayLike) console.log(arr); [ undefined, undefined, undefined, undefined ]
一个类数组对象转换为一个真正的数组,必须具备以下条件:
1、该类数组对象必须具有 length 属性,用于指定数组的长度。如果没有 length 属性,那么转换后的数组是一个空数组。
2、该类数组对象的属性名必须为数值型或字符串型的数字 ( 该类数组对象的属性名可以加引号,也可以不加引号)
将Set结构的数据转换为真正的数组:
let arr = [12,45,97,9797,564,134,45642] let set = new Set(arr) console.log(Array.from(set)) // [ 12, 45, 97, 9797, 564, 134, 45642 ]
Array.from 还可以接受第二个参数,作用类似于数组的 map 方法,用来对每个元素进行处理,将处理后的值放入返回的数组。
let arr = [12,45,97,9797,564,134,45642] let set = new Set(arr) console.log(Array.from(set, item => item + 2)) // [14, 47, 99, 9799, 566, 136, 45644] console.log(Array.from(set,item => {return item + 2})); //[14, 47, 99, 9799, 566, 136, 45644] // 快速创建一个1~20的数组 let arr = Array.from({ length: 20 }, (item, index) => { return item = index + 1 }) console.log(arr); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20] // 模拟生成 1万条数据,利用了 Array.from 来快速生成数据 const originNews = Array.from( { length: 10000 }, (v, k) => ({ content: `新闻${k}` }) ) console.log(originNews);
将字符串转换为数组元素
let str = 'hello world!'; console.log(Array.from(str)) // ["h", "e", "l", "l", "o", " ", "w", "o", "r", "l", "d", "!"]
浅拷贝一个数组(多维浅拷贝,单层深拷贝)
let arr = [12, 45, 47, 56, 213, 4654, 154] let newarr = Array.from(arr) console.log(newarr); //[12, 45, 47, 56, 213, 4654, 154] arr.length = 3 console.log(arr); //[12, 45, 47] console.log(newarr); //[12, 45, 47, 56, 213, 4654, 154]
漫思
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· 没有源码,如何修改代码逻辑?
· NetPad:一个.NET开源、跨平台的C#编辑器
2020-12-29 js将手机号中间四位变成*号
2020-12-29 取出字符串中的所有数字
2020-12-29 js中字节B转化成KB,MB,GB
2020-12-29 数组去重的几种方法
2020-12-29 最全的常用正则表达式大全——包括校验数字、字符、一些特殊的需求等等
2020-12-29 jQuery滚动条回到顶部或指定位置