JavaScript中的Array

共 2,943 字，需阅读 7 分钟

2018/06/22 下午

1,061 次阅读

JavaScript中的Array

在JavaScript中，Array是一个基本的内置对象，它用于存储和操作一组有序的数据。它是一种强大的数据类型，可以用来表示一组值、对象或者其他的数组。

创建一个数组我们可以使用以下语法创建一个新的数组：

        
          
            
            JavaScript
          
          
        
        
          12
          let arrayName = []; // empty array
let arrayName = [value1, value2, ..., valueN]; // an array with N values

其中第一种是创建空数组的方式；第二种方式是通过提供初始值初始化数组。

访问数组元素

可以使用索引来访问Array中的元素。JavaScript中数组索引从0开始计数。

        
          
            
            JavaScript
          
          
        
        
          1234
          let arrayName = [ 'apple', 'banana', 'orange' ]; 
console.log(arrayName[0]); // outputs 'apple'
console.log(arrayName[1]); // outputs 'banana'
console.log(arrayName[2]); // outputs 'orange'

修改数组元素

我们可以直接修改数组元素的值：

        
          
            
            JavaScript
          
          
        
        
          123
          let arrayName = [ 'apple', 'banana', 'orange' ]; 
arrayName[0] = 'pear'; // modifying the first element of the array
console.log(arrayName); // outputs ['pear', 'banana', 'orange']

数组长度

在JavaScript中，可以使用length属性获取数组的长度，即数组中元素的个数。

        
          
            
            JavaScript
          
          
        
        
          12
          let arrayName = [ 'apple', 'banana', 'orange' ]; 
console.log(arrayName.length); // outputs 3

向数组尾部添加元素

我们可以使用push()方法向数组尾部添加新元素：

        
          
            
            JavaScript
          
          
        
        
          123
          let arrayName = [ 'apple', 'banana', 'orange' ]; 
arrayName.push('pear'); // add a new element to the end of the array
console.log(arrayName); // outputs ['apple', 'banana', 'orange', 'pear']

从数组尾部移除元素

我们可以使用pop()方法从数组尾部删除一个元素：

        
          
            
            JavaScript
          
          
        
        
          123
          let arrayName = [ 'apple', 'banana', 'orange' ]; 
arrayName.pop(); // remove the last element from the array
console.log(arrayName); // outputs ['apple', 'banana']

向数组头部添加元素我们可以使用`unshift()`方法向数组头部添加新元素：

        
          
            
            JavaScript
          
          
        
        
          123
          let arrayName = [ 'apple', 'banana', 'orange' ]; 
arrayName.unshift('pear'); // add a new element to the beginning of the array
console.log(arrayName); // outputs ['pear', 'apple', 'banana', 'orange']

从数组头部移除元素

我们可以使用shift()方法从数组头部删除一个元素：

        
          
            
            JavaScript
          
          
        
        
          123
          let arrayName = [ 'apple', 'banana', 'orange' ]; 
arrayName.shift(); // remove the first element from the array
console.log(arrayName); // outputs ['banana', 'orange']

数组的迭代方式

我们可以使用for循环或者forEach()方法进行数组的迭代遍历。 #### 遍历数组元素（使用for循环）

        
          
            
            JavaScript
          
          
        
        
          1234
          let arrayName = [ 'apple', 'banana', 'orange' ];
for(let i=0; i<arrayName.length; i++) {
    console.log(arrayName[i]);
}

遍历数组元素（使用forEach）

        
          
            
            JavaScript
          
          
        
        
          1234
          let arrayName = [ 'apple', 'banana', 'orange' ];
arrayName.forEach(function(element) {
    console.log(element);
});

数组排序

我们可以使用sort()方法对数组进行排序。

        
          
            
            JavaScript
          
          
        
        
          123
          let arrayName = [ 12, 1, 4, 37, 8 ];
arrayName.sort(); // sort the array in ascending order
console.log(arrayName); // outputs [1, 4, 8, 12, 37]

数组反转

我们可以使用reverse()方法将数组中的元素反转顺序。

        
          
            
            JavaScript
          
          
        
        
          123
          let arrayName = [ 'apple', 'banana', 'orange' ]; 
arrayName.reverse(); // reverse the order of elements in the array
console.log(arrayName); // outputs ['orange', 'banana', 'apple']