Vue 网格过渡之函数Array

在Vue的网格过渡中,官方代码示例涉及到Array的使用。Array()和new Array()在相同参数下效果相同,但Array.apply(null,{length: 81})与new Array(81)有所不同,前者会初始化undefined,后者则不填充元素。在Vue过渡时,避免使用index作为key。" 125126957,13220085,Spring框架与SpringBoot深度解析笔记,"['Java', 'Spring', 'Spring Boot', '开发语言', '框架']
摘要由CSDN通过智能技术生成

在Vue网格过渡中,官网一段写数组的代码如下:

cells:Array.apply(null, {length : 81}).map(function(_, index) {
                     return {
                        id: index,
                        number : index % 9 + 1
                    }
                })

首先要知道,当Array当做函数调用时,他会创建并初始化一个数组对象。其实,在具有相同参数的情况下,Array()和new Array()效果是一样。

例如:

Array() // []
Array(3) // [, , ,]
Array(3, 11, 8) // [3, 11, 8]


/*注意第二个的‘空’数组
ES5 对空位的处理,已经很不一致了,大多数情况下会忽略空位。

forEach(), filter(), reduce(), every() 和some()都会跳过空位。
map()会跳过空位,但会保留这个值
join()和toString()会将空位视为undefined,而undefined和null会被处理成空字符串。

但是,ES6中Array.from方法会将数组的空位,转为undefined,也就是说,这个方法不会忽略空位。
*/

那么重点来了,Array.apply(null,{length: 81}) 和 new Array(81) 的区别在哪呢?


                
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值