用文字记录生活,留下美好瞬间
原创

JavaScript中的Array

共 2,943 字,需阅读 7 分钟
2018/06/22 下午
749 次阅读

#JavaScript中的Array

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

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

          
  • 1
  • 2
let arrayName = []; // empty array let arrayName = [value1, value2, ..., valueN]; // an array with N values

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

#访问数组元素

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

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

#修改数组元素

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

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

#数组长度

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

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

#向数组尾部添加元素

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

          
  • 1
  • 2
  • 3
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()方法从数组尾部删除一个元素:

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

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

          
  • 1
  • 2
  • 3
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()方法从数组头部删除一个元素:

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

#数组的迭代方式

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

          
  • 1
  • 2
  • 3
  • 4
let arrayName = [ 'apple', 'banana', 'orange' ]; for(let i=0; i<arrayName.length; i++) { console.log(arrayName[i]); }

#遍历数组元素(使用forEach)

          
  • 1
  • 2
  • 3
  • 4
let arrayName = [ 'apple', 'banana', 'orange' ]; arrayName.forEach(function(element) { console.log(element); });

#数组排序

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

          
  • 1
  • 2
  • 3
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()方法将数组中的元素反转顺序。

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

以上是JavaScript中Array的主要特性和用法。Array在JavaScript中作为一种基本的数据类型有着强大的功能,是实现复杂算法,管理和操作数据的重要工具之一。

自由转载 - 署名 - 非商业性使用
https://zhangwurui.cn/article/12
0/0条看法
访客身份
在下有一拙见,不知...
期待你的捷足先登