JavaScript数组详解

JavaScript中的数组是一种特殊类型的对象，被广泛运用于开发工作中。在JavaScript中，定义一个数组可以有多种方式，可以通过数组字面量，也可以通过构造函数Array()来创建。在本文中，我们将从不同角度详细阐述JavaScript数组的定义、使用以及操作方法。

一、js定义数组遍历

定义一个数组后，我们可以将其遍历输出其所有元素，JavaScript中提供了多种遍历数组的方法。

// 定义数组
var arr = [1, 2, 3, 4, 5];
// for循环遍历
for(var i=0; i<arr.length; i++){
  console.log(arr[i]); 
}
// forEach遍历
arr.forEach(function(item){
  console.log(item); 
});
// map遍历
var newArr = arr.map(function(item){
  return item*2; 
});
console.log(newArr);

上述代码实现了三种遍历方式，其中for循环是最常用的一种方式，forEach的方法则可以遍历多维数组，并且无法跳出循环，而map方法则是对每个元素进行二次操作。

二、js定义数组1到100

我们可以使用for循环遍历1到100的数值，使用push()方法将1到100的数值逐个添加到数组中。

// 定义数组
var arr = [];
for(var i=0; i<100; i++){
  arr.push(i);
}
console.log(arr);

上述代码定义了一个空数组，使用for循环遍历1到100的数值并逐个添加到数组中，最后输出数组。

三、js定义数组长度

定义一个数组时，可以通过length属性获取或设置其长度。

// 定义数组
var arr = [1, 2, 3];
//通过length属性添加元素
arr[arr.length] = 4;
console.log(arr); //[1, 2, 3, 4]
//通过length属性删除元素
arr.length = 2;
console.log(arr); //[1, 2]

上述代码中，我们使用length属性添加和删除元素，通过arr.length添加元素等效于push方法，而通过arr.length删除元素等效于splice方法。

四、js定义数组并扩充数组

除了使用push方法添加数组元素外，我们还可以通过concat()方法或使用展开符扩充数组。

// 定义数组
var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];
// 使用concat()方法扩充数组
var arr3 = arr1.concat(arr2);
console.log(arr3);
// 使用展开符扩充数组
var arr4 = [...arr1, ...arr2];
console.log(arr4);

上述代码中，我们使用concat()方法将两个数组合并，也可以使用展开符…将两个数组合并成一个数组。

五、js定义数组代码

我们可以使用数组字面量、Array()构造函数或使用new操作符和Array()构造函数来定义数组。

//使用数组字面量
var arr1 = [1, 2, 3];
//使用Array()构造函数
var arr2 = new Array(1, 2, 3);
//使用new操作符和Array()构造函数
var arr3 = new Array();
arr3[0] = 1;
arr3[1] = 2;
arr3[2] = 3;
console.log(arr1);
console.log(arr2);
console.log(arr3);

上述代码中，我们展示了三种不同的定义数组的方式。

六、js定义数组的三种方式

JavaScript中定义数组有三种方式，分别为数组字面量、Array()构造函数和new操作符配合Array()构造函数。

//使用数组字面量
var arr1 = [1, 2, 3];
//使用Array()构造函数
var arr2 = new Array(1, 2, 3);
//使用new操作符和Array()构造函数
var arr3 = new Array();
arr3[0] = 1;
arr3[1] = 2;
arr3[2] = 3;
console.log(arr1);
console.log(arr2);
console.log(arr3);

上述代码定义了三个数组，分别使用三种不同的方式。

七、js定义数组并赋值

定义一个数组后，我们可以为其赋初值。

// 定义数组并赋值
var arr = new Array(1, 2, 3);
console.log(arr);

上述代码中，我们把初值传递到Array()构造函数中。

八、js定义数组的方法

定义一个数组后，我们可以对其进行多种操作，包括添加或删除元素。JavaScript中提供了一系列方法来操作数组，如push()、pop()、shift()、unshift()、splice()等。

// 定义数组
var arr = [1, 2, 3];
//push()方法，添加元素
arr.push(4);
console.log(arr); //[1, 2, 3, 4]
//pop()方法，删除最后一个元素
arr.pop();
console.log(arr); //[1, 2, 3]
//shift()方法，删除第一个元素
arr.shift();
console.log(arr); //[2, 3]
//unshift()方法，添加元素到数组开头
arr.unshift(1);
console.log(arr); //[1, 2, 3]
//splice()方法，删除并替换元素
arr.splice(1, 1, 4, 5);
console.log(arr); //[1, 4, 5, 3]

上述代码中我们展示了五种数组的操作方法，除此之外还有sort()、reverse()、slice()等方法。

九、js定义数组并添加数据

定义一个数组时，也可以在其后添加元素，无论是通过push()方法还是直接在数组末尾添加元素。

// 定义空数组
var arr = [];
// push()方法添加元素
arr.push(1);
arr.push(2);
arr.push(3);
console.log(arr); //[1, 2, 3]
// 直接在数组末尾添加元素
arr[arr.length] = 4;
console.log(arr); //[1, 2, 3, 4]

上述代码中展示了两种添加元素到已存在数组的方法。

十、小结

本文详细阐述了JavaScript数组的定义、遍历、扩充、操作方法等方面，对于开发工程师而言，熟练掌握数组的使用，将会为开发工作带来很大的便利。

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