ES6中数组Array.from()和Array.of()方法

最新推荐文章于 2023-06-09 10:44:02 发布
最新推荐文章于 2023-06-09 10:44:02 发布
阅读量258 收藏
点赞数
分类专栏： javascript番外篇 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45147894/article/details/114645731
版权

 请看以下代码所要解决的问题：

用Array.of()可以解决数组声明不一致的问题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<script>
let hd=["abcde"];
hd[3]="housejh";
console.log(hd.length);//4
console.log(hd[2]);//undefined
console.log(hd);//Array(4) ["abcde",empty*2,"housejh"]
let cms=new Array(6);
console.log(cms.length);//6
console.log(cms);//Array(6)会导致有6个空值，实际我们想要一个值为6的数组
console.log(cms[2]);//undefined
//新版的ES中解决了这个问题，用Array.of()来进行解决这个问题
let arr1=Array.of(6);
console.log(arr1.length);//4
console.table(arr1);//Array(1)
console.log(arr1[0]);//6
console.log(arr1[1]);//undefined
// 直接使用字面量创建数组也会出现问题
//不是我们想要的结果,我们想要创建一个6个元素的数组
let arr2=[6,undefin
最低0.47元/天 解锁文章
㼛思雨
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
splice（）数组的添加、删除、替换详细使用
qq_37734787的博客
03-03 2850
var aa =[1,2,3] var bb=[4,5,6] var cc=[7,8,9] // 删除演示，会返回一个被删除的数，组成新数组，会改变原数组 var dd=aa.splice(1) console.log(dd); //[object Array]: [2, 3] console.log(aa); //[object Array...
ES6入门教程之Array.from()方法
12-11
Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。 那么什么是类数组对象呢？所谓类数组对象，最基本的要求就是具有length属性的对象。 1、将类数组对象转换为真正数组： let ...
ES2015数组扩展 - Array.from()
12-12 1764
Array.from方法用于把两类对象转为真正的数组：类似数组的对象(array-like object)和可遍历(iterable)的对象(包括ES6新增的数据结构Set和Map)。下面是一个类似数组的对象，Array.from将它转为真正的数组let arrayLike = {"0":"a","1":"b","2":"c",length:3};// ES5的写法 var arr1 = [].sl
ES6 Array.from()和Array.of()
露露
10-10 4076
Array.from方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括 ES6 新增的数据结构 Set 和 Map）。 类数组对象举例:实际应用中，常见的类似数组的对象是 DOM 操作返回的 NodeList 集合，以及函数内部的arguments对象。Array.from都可以将它们转为真正的数组。 下面先看类数组...
【ES6】数组的扩展（二）之Array.from()和Array.of()
amyleeYMY的博客
04-28 1677
Array.from()Array.from方法用于将两类对象转为真正的数组：类似数组的对象和可遍历（iterator）的对象（包括Map和Set）let arrayLike = { '0': 'a', '1': 'b', '2': 'c', length: 3 }; // ES5的写法 var arr1 = [].slice.call(arrayLike); /...
es6容易被忽视的新api
qq_33925054的博客
12-07 143
// 老写法 'assign' in Object // true delete obj[name] // 新写法 Reflect.has(Object, 'assign') // true Reflect.deleteProperty(obj, name)
JS Array.from()将伪数组转换成数组的方法示例
11-21
Array.from 方法用于将两类对象转换为真正的数组： 1、类似数组的对象，可以理解为“伪数组” 2、可遍历对象（比如字符串） 什么是伪数组？ 伪数组都有一个基本的特点：必须有 length 属性。 let arrayLike = { ...
实例分析Array.from(arr)与[…arr]到底有何不同
01-19
由图我们可以看出有一个[Symbol.iterator]属性指向该对象的默认迭代器方法。那么它又是如何实现的呢？ 迭代器(iterator) 作用(参考阮一峰老师的ES6) 1.为各种数据结构提供一个统一的，简单的访问接口 2.使数据结构...
浅谈JavaScript中ES6新增的Set和Map结构以及Array.from方法
01-08
常用的属性和方法有： size 属性： 获取该数据结构中,数据的数据个数 add() 方法： 向该数据结构中,追加新增数据 constructor：构造函数，默认就是Set函数 delete() 方法： 向该数据结构中,删除指定的数据 clear() ...
JavaScript学习笔记之ES6数组方法
01-19
ES6（ECMAScript 6）是即将到来的新版本JavaScript语言的标准，代号harmony(和谐之意，显然没有跟上我国的步伐，我们已经进入中国梦版本了)。上一次标准的制订还是2009...Array.of ES6提供操作、填充和过滤数组的方法：
Array.from()和Array.of()
weixin_30808693的博客
03-31 122
Array.from()方法 1 var obj = { 2 0: 'a', 3 1: 'b', 4 2: 'c', 5 length: 3 6 } 7 var arr = Array.from(obj,function(item,index){ 8...
js Array.from() 和 Array.of() - Kaiqisan
Kaiqisan的博客
08-11 537
js Array.from() 和 Array.of() ヤッハロー、Kaiqisanすうう、一つふつうの学生プログラマである。数组在本质上来说是对象，这次主要来讲讲一个ES6新方法，把特定对象转化为数组。 Array.from(obj, callback, thisArg) 把一个可以遍历的对象（内部有Symbol.iterator迭代器）转化为真正的数组。 第一个参数传入需要转化为数组的对象，第二个是回调函数，该对象被转化为数组之后还需要做什么处理的时候写上，本质上这个回调函数就是map方法,第三
深入浅出Array.from()和Array.of()
前端笔记——放弃很容易,但坚持一定很酷
06-09 1265
Array.from 方法用于将两类对象转为真正的数组：1.类似数组的对象；2.可遍历对象（包括ES6新增的数据结构Set和Map）。下面是一个类似数组的对象，Array.from将它转为真正的数组。实际应用中，常见的类似数组的对象是DOM操作返回的NodeList集合，以及函数内部的arguments对象。Array.from()都可以将它们转为真正的数组。// NodeList对象。
Array.from和Array.of的用法
weixin_42342065的博客
07-17 2831
Array.from() 1.会把一个类数组或对象，转成真正的数组，但是这个类数组必须具有length属性 var list={ 0:"韩信", 1:"李白", 2:"诸葛亮", 3:"赵云", length:4 } var arr = Array.from(list) console.log(arr);//输出结果: ["韩信", "李白", "诸葛亮", "赵云"] 2.可以讲一个字符串转成数组的形式 var str = 'chenbin' var arr1 =
ES6之Array.from()方法
hmily43的博客
12-03 190
　　Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。 　　那么什么是类数组对象呢？所谓类数组对象，最基本的要求就是具有length属性的对象。 　　1、将类数组对象转换为真正数组： 1 2 3 4 5 6 7 8 9 letarrayLike = { 0:'tom', 1:'65', 2:'男', 3...
ES6之Array.from()方法详解
吴冬雪的博客
04-28 489
Array.from(obj,mapFn,thisArg)方法从一个类似数组或可迭代对象创建一个新的，浅拷贝的数组实例。 接收三个参数，后两个参数不是必选项。 obj:想要转换成数组的伪数组对象或可迭代对象。 mapFn:如果指定了该参数，新数组中的每个元素会执行该回调函数。回调函数接收两个参数，第一个value:数组值，index数组下标。如果mapFn定义的是箭头函数，不是普通函数，这...
Array.from和Array.of
山海一哥的博客
01-30 1021
Array.from方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括 ES6 新增的数据结构 Set 和 Map） et arrayLike = { '0': 'a', '1': 'b', '2': 'c', length: 3 }; // ES5的写法 var arr1 = [].sl...
白话es6系列一：Array.of()和Array.from()
yyc_two的博客
06-10 197
一个问题 首先，我们来看一个问题，我需要创建一个共81项的数组，有9行，每行9个数（从1-9），在页面上进行展示，如下： 怎么做呢？可以这样： let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9] arr = arr.concat(arr) arr = arr.concat(arr) arr = arr.concat(arr) arr = arr.concat([1, 2, 3, 4, 5, 6, 7, 8, 9]) ..
Array.of，Array.from方法介绍和使用
CamphorBlossom的博客
12-26 1090
在js中，有两种声明数组的方式， 一个是用[]， 另一个是用new关键字。 var array1 = [1,2,3,4,5] // 直接赋值 var array2 = new Array(); // new 一个构造实例 new Array() 在 ES5 中，当您将一个数字传递给Array构造函数时，JavaScript 会创建一个长度等于该数字的数组。例如： let numbers = new Array(2); console.log(numbers.length); // 2 con
ES6数组方法Array.from Array.of的区别
最新发布
07-27
ES6中的`Array.from`和`Array.of`都是用于处理数组的方法，但它们有不同的功能和用途。 `Array.from`方法用于将类似数组或可迭代对象转换为新的数组实例。它接受两个参数：第一个参数是要转换的类似数组或可迭代...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值