CodeGym /课程 /Frontend SELF ZH /JavaScript中的数组

JavaScript中的数组

Frontend SELF ZH
第 34 级 , 课程 2
可用

8.1 创建数组

JavaScript中的数组 是一种数据结构,可以存储有序的值集合。 这些值可以是任何类型,包括数字、字符串、对象,甚至是其他数组。 JavaScript中的数组是动态的,也就是说它们的大小可以在程序执行过程中改变。

创建和初始化数组:

1. 使用数组字面量

创建数组的最简单方法是使用方括号 []:

JavaScript
    
      let array1 = []; // 空数组
      let array2 = [1, 2, 3]; // 包含三个元素的数组
    
  

2. 使用数组构造函数

Array构造函数允许使用函数来创建数组:

JavaScript
    
      let array1 = new Array(); // 空数组
      let array2 = new Array(3); // 长度为3的数组(所有元素为undefined)
      let array3 = new Array(1, 2, 3); // 包含三个元素的数组
    
  

3. 用值填充数组

可以在创建后给数组填充值:

JavaScript
    
     let array = [];
     array[0] = 'apple';
     array[1] = 'banana';
     array[2] = 'cherry';
    
  

8.2 访问数组元素

数组元素的索引从零开始。可以使用 方括号 来访问元素:

JavaScript
    
      let fruits = ["Apple", "Banana", "Cherry"];
      console.log(fruits[0]); // "Apple"
      console.log(fruits[1]); // "Banana"
      console.log(fruits[2]); // "Cherry"
    
  

修改数组元素

可以使用索引来修改数组元素:

JavaScript
    
      let fruits = ["Apple", "Banana", "Cherry"];
      fruits[1] = "Blueberry";
      console.log(fruits); // ["Apple", "Blueberry", "Cherry"]
    
  

length属性

length 属性返回数组中元素的数量:

JavaScript
    
      let fruits = ["Apple", "Banana", "Cherry"];
      console.log(fruits.length); // 3
    
  

8.3 数组方法用于添加和删除元素

1. push方法

push() 方法在数组末尾添加一个或多个元素,并返回新数组的长度:

JavaScript
    
      let fruits = ['apple', 'banana'];
      fruits.push('cherry'); // ['apple', 'banana', 'cherry']
      console.log(fruits.length); // 3
    
  

2. pop方法

pop() 方法删除数组的最后一个元素,并返回该元素:

JavaScript
    
      let fruits = ['apple', 'banana', 'cherry'];
      let last = fruits.pop(); // 'cherry'
      console.log(fruits); // ['apple', 'banana']
    
  

3. shift方法

shift() 方法删除数组的第一个元素,并返回该元素。所有其他元素左移一位:

JavaScript
    
      let fruits = ['apple', 'banana', 'cherry'];
      let first = fruits.shift(); // 'apple'
      console.log(fruits); // ['banana', 'cherry']
    
  

4. unshift方法

unshift() 方法在数组的开头添加一个或多个元素,并返回新数组的长度:

JavaScript
    
      let fruits = ['banana', 'cherry'];
      fruits.unshift('apple'); // ['apple', 'banana', 'cherry']
      console.log(fruits.length); // 3
    
  
评论
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION