还是大剑师兰特:曾是美国某知名大学计算机专业研究生,现为航空航海领域高级前端工程师;CSDN知名博主,GIS领域优质创作者,深耕openlayers、leaflet、mapbox、cesium,canvas,webgl,echarts等技术开发,欢迎加底部微信(gis-dajianshi),一起交流。
No. | 内容链接 |
---|---|
1 | Openlayers 【入门教程】 - 【源代码+示例300+】 |
2 | Leaflet 【入门教程】 - 【源代码+图文示例 150+】 |
3 | Cesium 【入门教程】 - 【源代码+图文示例200+】 |
4 | MapboxGL【入门教程】 - 【源代码+图文示例150+】 |
5 | 前端就业宝典 【面试题+详细答案 1000+】 |
文章目录
- 1. **数组字面量**
- 2. **Array构造函数**
- 3. **Array.of() (ES6+)**
- 4. **Spread操作符 (...)**
- 5. **Array.from() (ES6+)**
- 6. **Array.prototype.fill() (ES6+)**
在JavaScript中,创建数组主要有以下几种方法,包括它们的语法、注意事项和代码示例:
1. 数组字面量
语法:
let array = [value1, value2, ..., valueN];
注意事项:
- 这是最简单也是最常用的创建数组方式。
- 可以直接在方括号中放入元素,元素间以逗号分隔。
代码示例:
let numbers = [1, 2, 3, 4, 5];
let strings = ['apple', 'banana', 'cherry'];
2. Array构造函数
语法:
let array = new Array(element0, element1, ..., elementN);
注意事项:
- 如果传递给构造函数的是单个数值参数,那么这个数值会被当作数组的长度来处理,数组将被创建为指定长度但元素均为
undefined
。 - 如果传递的是多个参数,则这些参数将作为数组的初始元素。
代码示例:
// 创建带有初始元素的数组
let arrayWithElements = new Array('red', 'green', 'blue');
console.log(arrayWithElements); // 输出: ["red", "green", "blue"]
// 创建指定长度但元素为undefined的数组
let arrayWithLength = new Array(3);
console.log(arrayWithLength); // 输出: [undefined, undefined, undefined]
3. Array.of() (ES6+)
语法:
let array = Array.of(element0, element1, ..., elementN);
注意事项:
Array.of()
方法始终会创建一个包含所有传入参数的新数组,这与传统的Array()
构造函数行为不同,避免了只有一个数字参数时将其视为长度的问题。
代码示例:
let arrayWithOf = Array.of(1, 2, 3);
console.log(arrayWithOf); // 输出: [1, 2, 3]
4. Spread操作符 (…)
语法:
let array = [...iterableObject, value1, value2, ..., valueN];
注意事项:
- Spread操作符可用于从其他数组、Set、Map等可迭代对象创建新数组,也可以用于组合多个数组。
代码示例:
let existingArray = [4, 5, 6];
let newArray = [...existingArray, 7, 8, 9];
console.log(newArray); // 输出: [4, 5, 6, 7, 8, 9]
5. Array.from() (ES6+)
语法:
let array = Array.from(iterableObject[, mapFn[, thisArg]]);
注意事项:
Array.from()
方法用于将类数组对象或可迭代对象转换为真正的数组。
代码示例:
let arrayOfStrings = Array.from('hello'); // 字符串可迭代
console.log(arrayOfStrings); // 输出: ["h", "e", "l", "l", "o"]
6. Array.prototype.fill() (ES6+)
语法:
let array = new Array(length).fill(value);
注意事项:
fill()
方法用于填充数组,可以创建一个指定长度并填充同一值的数组。
代码示例:
let filledArray = new Array(5).fill('foo');
console.log(filledArray); // 输出: ["foo", "foo", "foo", "foo", "foo"]
以上就是在JavaScript中创建数组的各种方法。