js中Array.apply(null,Array(3))与Array(3)的区别

最新推荐文章于 2024-01-05 13:35:04 发布
原创 最新推荐文章于 2024-01-05 13:35:04 发布 · 1.6k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

博客围绕Vue展开，探讨了Array.apply(null,{length:3})和new Array(3)两种创建数组方式的区别。前者生成含undefined元素的数组，后者是只有length无元素和索引的空数组，指出Vue源码中不能将前者改成后者。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

vue 的官方文档

其中Array.apply(null,{length:3}) 和 new Array(3) 有区别吗？

首先，Array.apply(null,{length:3}) 和 new Array(3) 都是创建了一个长度为20的数组，区别是：

  • Array.apply(null,{length:3}) 和调用 Array({length:3}[0],{length:3}[0],{length:3}[0]) 也就是 Array.apply(undefined,undefined,undefined) 效果一样。生成的数组长这样：[undefined,undefined,undefined]
  • 用 new Array(3) 获取的数组，其实是一个只有length,没有元素和索引的空数组，我们一般不会这样创建数组
        let a = new Array(10)
        console.log(2 in a); // false

再看一下map的使用

 综上所述，所以vue源码中的Array.apply(null,{length:3}) 改成 new Array(3) 是不会起作用

JavaScript中Array.apply的完全解析
loop_git667的博客
09-22 546
Array.apply是JavaScript中Array对象的一个静态方法。它的作用是通过将一个类数组对象转换为一个真正的数组。这个方法的实现原理是使用apply()函数来调用Array构造函数，并将类数组对象作为参数传递进去。本文对JavaScript中的Array.apply方法进行了详细解析。我们了解了Array.apply的语法和工作原理，并通过示例代码演示了它的用法。通过使用Array.apply，我们可以轻松地将类数组对象转换为真正的数组，在前端开发中非常实用。
Array.apply(null,{length: 99}) 逻辑解析
前端知识分享喵
02-23 557
本文的主要目的源于Vue中一个很有意思的案例：就是通过 lodash-es 打乱下图中文字的顺序，并让其变化过程中呈现动画效果。 里面涉及到了 vue3 的 move 动画，shuffle 打乱数组数据的函数、页面的 grid 布局，而本文的主要目的是讲解快速生成所需数组的方式，里面涉及到一些 ES6 的数组知识，如果不够了解，最好去看一下。这里简单列举一下相关的知识：
Js apply 方法 详解
热门推荐
raisezhang 的专栏
11-09 8万+
Js apply方法详解 我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享..  如有什么不对的或者说法不明确的地方希望读者多多提一些意见,以便共同提高.. 主要我是要解决一下几个问题: 1.        apply和call的区别
JS数组追加数组采用push.apply的坑
weixin_33909059的博客
06-09 772
2019独角兽企业重金招聘Python工程师标准>>> ...
javascript中Array.apply方法的一个陷阱
jjj4856951的专栏
04-18 3392
今天发现了一个坑，写出来给大家做个教训。 我想把一个Uint8Array类型的数组转换为普通数组，运用了Array.apply方法，产生了一些问题。 var a = new Uint8Array([20]);//注意：这里a的长度为1 console.log(a);//Uint8Array { '0': 20 } //这是个把Uint8Array转为普通数组的方法，但当Uint8Array的长
JS Array.apply()、new Array()、Array.form()的区别
alokka的博客
03-20 2817
本文内容有参考 Array.apply(),new Array(),arr =[] 三者的区别 文章 看 vue 渲染函数的时候，发现了数组的一种新的写法，之前知道 new Array(20) 可以建一个长度为20的数组，还知道 Array.form({length: 20}) 也可以建一个长度为20的数组，可是不知道这三个的区别，所以有时间我就对这三种写法写了一个总结 ...
完全解析Array.apply(null, { length: 1000 })
LS_952754的博客
09-03 199
完全解析Array.apply(null, { length: 1000 })
奋斗30天Javascript之Array.of()和Array.from()的用法（Part18）
Super Livia
03-25 702
今天來讲解一个数组遍历的新方法，这是ES5推出的新属性。 文章有些摘自阮一峰老师的《ECMAScript 6 入门》一文 Array.of() 语义：方法用于将一组值，转换为数组。（创建一个具有可变数量参数的新数组实例，而不考虑参数的数量或类型。） 语法： Array.of(element0[, element1[, ...[, elementN]]]) 参数： elementN...
ff = Array.apply.bind(Number.bind) 这个ff是什么
最新发布
06-25
在JavaScript中，表达式`Array.apply.bind(Number.bind)`创建的函数`ff`是一个高阶工具函数，用于生成预设参数的`Number`构造函数绑定版本。其核心行为如下： ### 函数作用解析 1. **结构分解**： - `Number.bind`...
js巧用apply方法实现数组最值以及合并
weixin_34259159的博客
06-23 120
尽管js的apply方法在平常的使用中并不多见，但是在某些地方使用的还是很有帮助性的，这里就和大家说两个比较实用的例子：1.数组最大最小值 求数组中的最大最小值，js有相应的方法：Math.min(),Math.max(),但是这两个方法有个不方便的地方就是其参数不能是数组，而是单个元素值，即(para1,para2,para3....)。所以使用就没有那么方便了，但是我们可以使用这个方法： ...
JS数组降维–Array.prototype.concat.apply([], arr)
01-08
JS数组降维–Array.prototype.concat.apply二维数组降为一维数组循环降维concat降维apply和concat降维Vue2.6.11版本源码降维多维数组降为一维数组递归降维 把多维数组（尤其是二维数组）转化为一维数组是业务开发中的常用逻辑，最近跟着黄轶老师学习Vue2.6.1.1版本源码时,看到源码对二维数组降维的代码,所以这里来写一篇,记录一下,加强印象 Vue源码学习 二维数组降为一维数组 循环降维 let children = [1, 2, 3, [4, 5, 6], 7, 8, [9, 10]]; function simpleNormalizeChildr
Array.apply(null,{length:3})
qq_23392341的博客
12-27 693
var arr=Array.apply(null,{length:3})相当于var arr=Array.apply(window,{length:3})又相当于：var arr=Array.apply(window,[undefined,undefined,undefined])window.Array(undefined,undefined,undefined) Array(undefined,
Array类型（apply）
dxn16638400024的博客
07-29 288
以上代码创建了两个数组 arr1 和 arr2，使用 concat() 方法将它们合并成一个新的数组 arr，使用 apply() 方法在 arr1 上调用 concat() 方法，并传递 arr2 作为参数。这与直接使用 concat() 方法是等价的，但是 apply() 方法可以用于其他需要数组作为参数的方法中。Array类型有很多自己的方法，apply() 是其中的一个方法。apply() 方法可以使用一个指定的 this 值来调用数组中的函数，并且可以传递一个数组作为函数的参数列表。
对Array.apply()用法的理解
weixin_44429641的博客
01-05 837
由此可见,Array.apply(null,{length:20}),相当于调用了构造函数Array(20),且会将内部this指向改为null(会导致原本应该返回20个空槽元素的js数组 变成 返回20个undefinded的js数组)可以看到Array是一个构造函数,当只传递一个参数且该参数是一个数字时,Array构造函数会返回一个js数组同时会将这个js数组的`length`属性设置为该参数的值.
JS数组中的apply含义
hellodiv的博客
03-28 576
JS数组中的apply含义 apply() 的作用是改变执行的执行环境。 就是说数组 没有min这个方法，但是Math对象可以求最小值，有min这个方法 例如 var a = Math.min(3,2,1,4)，那么a将赋值为1 一个数组想使用Math对象的min方法，就需要使用call/apply来改变执行环境了。 Math.min(3,2,1,4)等价于 Math.min.apply(null, [3,2,1,4])，null是上下文，传入的对象对应函数中的this，min函数并没有使用this，因此这
Array.apply(arr,Array())
weixin_30273763的博客
02-23 309
　　这是自己没事写代码时发现的 下面是整段代码 var result = Array.apply(this, Array(5)).map((item, i) => { return 0; }) 这段代码生成了一个result = [0,0,0,0,0]的数组 为什么不用 result = new Array(5)呢？ 因为这样的resul...
js中Array.apply(null,Array(3))与Array(3)的区别是什么？
weixin_30662849的博客
09-25 299
0.642017.09.15 18:12:35字数 434阅读 2992 遇见问题 在看 vue.js官方文档的时候，发现了这么一段： 我没明白其中的Array.apply(null, { length: 20 }), 为何不直接使用new Array(20)呢? 尝试 我尝试了下面的代码,发现长度为20的数组并未赋值为777，why...
Array.apply(null, {length: 3})和Array(3)的区别
xiaoyuer_2020的博客
04-17 574
写了如下代码： Array(3).map(function () { return "cat" }) 发现浏览器打印出来是这样的： (3) [empty × 3] 在网上冲浪一番，看到别人这么写： Array.apply(null, { length: 3 }).map(function () { return "cat" }) 在浏览器里打印出来了： (3) [...
分析Array.apply(null, { length: 20 })
qq_35430000的博客
03-30 1952
背景 在阅读VueJS教程时有这么段demo code： render: function (createElement) { return createElement('div', Array.apply(null, { length: 20 }).map(function () { return createElement('p', 'hi') }) ) } 其中这个表达式Array.apply(null, { length: 20 })有点让人费解。第一感
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值