JS中的数组：详解

BVYX • 2024-10-04 00:17 • 编程

一、数组的介绍

数组是一种线性结构，可以理解为是一个有序的列表，其中存放着一组具有相同数据类型的数据。

在JavaScript中，可以用Array()、[]和直接填充元素的方式来创建一个数组。

  //使用Array()创建
  let arr1 = new Array(1,2,3,4,5);
  //使用[]创建
  let arr2 = [6,7,8,9,10];
  //直接填充元素
  let arr3 = [];
  arr3[0] = "JavaScript";
  arr3[1] = "TypeScript";
  arr3[2] = "Vue";
  arr3[3] = "React";

二、数组的属性和方法

1. length属性

length属性代表数组中元素的个数。

  let arr = [1,2,3,4,5];
  console.log(arr.length);  //输出5

2. concat()方法

concat()方法用于连接两个或多个数组，并返回新的数组。

  let arr1 = [1,2,3];
  let arr2 = [4,5,6];
  let arr3 = [7,8,9];
  let newArr = arr1.concat(arr2, arr3);
  console.log(newArr);  //输出[1,2,3,4,5,6,7,8,9]

3. join()方法

join()方法用于把数组中的所有元素转化为一个字符串。默认使用英文逗号作为分隔符。

  let arr = ["JavaScript", "TypeScript", "Vue", "React"];
  let str = arr.join("、");
  console.log(str);  //输出JavaScript、TypeScript、Vue、React

4. push()和pop()方法

push()方法用于在数组的末尾添加一个或多个元素。pop()方法用于删除数组的最后一个元素。

  let arr = [1,2,3,4,5];
  arr.push(6);
  console.log(arr);  //输出[1,2,3,4,5,6]
  arr.pop();
  console.log(arr);  //输出[1,2,3,4,5]

三、数组的遍历

1. for循环遍历

使用for循环可以遍历数组中的每个元素。

  let arr = ["JavaScript", "TypeScript", "Vue", "React"];
  for(let i=0; i<arr.length; i++){
    console.log(arr[i]);
  }

2. forEach()方法

forEach()方法用于遍历数组中的每个元素，每个元素都会执行一次回调函数。

  let arr = ["JavaScript", "TypeScript", "Vue", "React"];
  arr.forEach(function(value){
    console.log(value);
  });

3. map()方法

map()方法用于遍历数组中的每个元素，并返回一个新的数组。

  let arr1 = [1,2,3,4,5];
  let arr2 = arr1.map(function(value){
    return value * 2;
  });
  console.log(arr2);  //输出[2,4,6,8,10]

四、数组的类型判断

1. typeof

使用typeof运算符可以判断一个数组的类型。

  let arr = ["JavaScript", "TypeScript", "Vue", "React"];
  console.log(typeof arr);  //输出object

2. instanceof

可以使用instanceof运算符判断一个对象是否属于某个类。

  let arr = ["JavaScript", "TypeScript", "Vue", "React"];
  console.log(arr instanceof Array);  //输出true

3. Array.isArray()

使用Array.isArray()方法可以判断一个对象是否为数组类型。

  let arr = ["JavaScript", "TypeScript", "Vue", "React"];
  console.log(Array.isArray(arr));  //输出true

五、总结

数组是JavaScript中非常重要的数据类型之一，掌握数组的相关属性、方法和类型判断可以让我们更好地利用它来处理数据。

原创文章，作者：BVYX，如若转载，请注明出处：https://www.506064.com/n/137216.html