JS 创建数组 （ 6种方法 ）

还是大剑师兰特：曾是美国某知名大学计算机专业研究生，现为航空航海领域高级前端工程师；CSDN知名博主，GIS领域优质创作者，深耕openlayers、leaflet、mapbox、cesium，canvas，webgl，echarts等技术开发，欢迎加底部微信（gis-dajianshi），一起交流。

文章目录

• • • 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中创建数组的各种方法。