js 创建数组方法以及区别
2024-08-28 12:36:02
示例代码:
<!DOCTYPE html>
<html lang="zh"> <head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>js 创建数组方法以及区别</title>
</head> <body> <script type="text/javascript">
//方法一 new Array
console.log(new Array(2))
//方法二 Array.from
console.log(Array.from({
length: 2
}))
//方法三
let arr= [1,2]
console.log(arr)
//方法四
console.log([...arr]) function generateCards(n) {
return Array.from({
length: n
}).map((val, i) => i)
} let cards = generateCards(2)
console.log(cards);
</script>
</body> </html>
控制台输出为:
使用new Array创建的数组,具有length属性,没有每个元素。
使用Array.from创建的数组,具有length属性,每个元素为undefined,因此后续可以使用filter或者map等方法。array.from还可以转为类似数组的对象,...扩展运算符不能。
概念:类似数组的对象,本质特征只有一点,即必须有length
属性。
最新文章
- [PHP源码阅读]array_pop和array_shift函数
- 《Javascript DOM编程艺术》 读书笔记 —— 好书,通俗易懂!!!!! 相当的严谨!!!!
- decimalFormat(";#";,";##0.00";) java
- virtualbox -centos ping不通外网
- java中的CountDownLatch
- WebView 中重写javascript 常用函数
- JQUERY1.9学习笔记 之基本过滤器(三)偶数选择器
- Windows Phone 8初学者开发—第5部分:布局和事件基础
- Matches Puzzle Game
- php+mysql 除了设置主键防止表单提交内容重复外的另一种方法
- 开始使用ASP.NET Core - 创建第一个Web应用
- java与OC比较
- Java集合类根接口:Collection 和 Map
- 开源中文分词工具探析(六):Stanford CoreNLP
- sql server rdl report 如何用动态sql
- 设置 debug 版本签名与生产版本一致
- Django在Win7下安装与创建项目hello word示例
- 元素隐藏 css
- Oracle回收站 使用
- docker 存储