JavaScript |索引集合

索引集合是具有数字索引的集合，即按索引值排序的数据集合。

在 JavaScript 中，数组是一个索引集合。数组是具有数字索引的有序值集。例如，一个名为“student”的数组包含学生的姓名，索引值是学生的卷号。 JavaScript 没有明确的数组数据类型。但是，我们可以使用 JavaScript 中预定义的 Array 对象及其方法来处理数组。

创建数组：创建和初始化数组的方法有很多种，如下所示：

• 创建数组而不定义数组长度。在这种情况下，长度等于参数的数量。

  var arr = new Array( element0, element1, ... );   
  var arr = Array( element0, element1, ... );       
  var arr = [ element0, element1, ... ];  

• 创建一个给定大小的数组

  var arr = new Array(6); 
  
  var arr = Array(6);
  
  var arr = [];
  arr.length = 6;

• 创建一个可变长度数组并根据需要添加许多元素。

  // First method: Initialize an empty
  // array then add elements
  var students = [];
  students [0] = 'Sujata Singh';
  students [1] = 'Mahesh Kumar';
  students [2] = 'Leela Nair';
   
  // Second method: Add elements to
  // an array when you create it
  var fruits = ['apple', ‘mango', 'Banana'];

访问数组元素：使用索引访问数组元素。数组的索引是从零开始的，这意味着元素的索引从零开始。

  
var fruits = ['Apple', 'Mango', 'Banana']; 
console.log(fruits [0]); 
console.log(fruits[1]);  
  

输出：

Apple
Mango

获取数组长度：要获取数组的长度，请使用 array_name.length 属性。

  
var fruits = ['Apple', 'Mango', 'Banana']; 
  
console.log(fruits.length)
  

输出：

3

迭代数组：有很多方法可以迭代数组元素。

• 使用 for 循环： for 循环提供了一种编写循环结构的简洁方式。与 while 循环不同，for 语句在一行中使用初始化、条件和递增/递减，从而提供更短、易于调试的循环结构。

    
  var fruits = ['Apple', 'Mango', 'Banana']; 
  for (var i = 0; i < fruits.length; i++) {
    console.log(fruits[i]);
  }
    

  输出：

  Apple
  Mango
  Banana

• 使用 forEach() 循环： forEach()函数为数组的每个元素提供一次。提供的函数可以对给定数组的元素执行任何类型的操作。

    
  var fruits = ['Apple', 'Mango', 'Banana'];  
  fruits.forEach( function(fruit) {
      console.log(fruit);
  });
    

  Apple
  Mango
  Banana

• 使用带有箭头函数的 forEach 循环：

    
  var fruits = ['Apple', 'Mango', 'Banana'];  
    
  fruits.forEach(fruit => console.log(fruit)); 
    

  Apple
  Mango
  Banana

  数组方法：我们可以使用各种数组方法来处理数组。这些都是：

  • push() 方法：该方法将一个或多个元素添加到数组的末尾，并返回数组的结果长度。

      
    var numbers = new Array('1', '2');
      
    numbers.push('3');
      
    console.log(numbers);
      

    输出：

    ["1","2","3"]

  • pop() 方法：此方法从数组中删除最后一个元素并返回该元素。

      
    var numbers = new Array('1', '2', '3');
      
    var last = numbers.pop(); 
      
    console.log(last);
      

    3

  • concat() 方法：此方法连接两个数组并返回一个新数组。

      
    var myArray = new Array('1', '2', '3');
      
    myArray = myArray.concat('a', 'b', 'c'); 
      
    console.log(myArray);
      

    输出：

    ["1","2","3","a","b","c"]

  • join() 方法：此方法通过连接数组的所有元素来创建一个字符串。

      
    var students = new Array('john', 'jane', 'joe');
      
    var list = students.join(' - ');
      
    console.log(list);
      

    输出：

    john - jane - joe

  • sort() 方法：此方法对数组的元素进行排序。

      
    var myArray = new Array('West', 'East', 'South');
      
    myArray.sort(); 
      
    console.log(myArray);
      

    输出：

    ["East","South","West"]

  • indexOf() 方法：此方法在数组中搜索 Element 并返回第一次出现的元素的索引。

      
    var myArr = ['a', 'b', 'a', 'b', 'a'];
       
    console.log(myArr.indexOf('b'));
      

    输出：

    1

  • shift() 方法：此方法从数组中删除第一个元素并返回该元素。

      
    var myArr = new Array('a', 'b', 'c');
      
    var first = myArr.shift(); 
       
    console.log(first);
      

    输出：

    a

  • reverse() 方法：该方法将第一个数组元素反转为最后一个，最后一个变为第一个。它以这种方式转置数组中的所有元素并返回对数组的引用。

      
    var myArr = new Array('a', 'b', 'c');
      
    myArr.reverse(); 
       
    console.log(myArr);
      

    输出：

    ["c","b","a"]

  • map() 方法：此方法从对每个数组项执行函数返回一个新数组。

      
    var myArr1 = ['a', 'b', 'c'];
      
    var a2 = myArr1.map(function(item) { 
        return item.toUpperCase(); 
    });
      
    console.log(a2);
      

    输出：

    ["A","B","C"]

  • filter() 方法：此方法返回一个新数组，其中包含函数返回 true 的项目。

      
    var myArr1 = ['a', 10, 'b', 20, 'c', 30];
      
    var a2 = myArr1.filter(function(item) { 
        return typeof item === 'number'; 
    });
      
    console.log(a2);
      

    输出：

    [10,20,30]