我是前端工程师 |21xrx.com

2023-06-15 17:51:49 深夜i -- --

长度增删改查以及循环

我是前端工程师，深入学习JavaScript时，数组操作是不可避免的。在这里，我想分享一些我掌握的关于JavaScript数组的知识，主要围绕三个

数组的长度属性

数组的长度可以通过length属性访问。当我们定义一个数组时，可以通过定义数组长度来控制数组的空间大小。

例如：


var arr = new Array(10);
console.log(arr.length); // 10

上述代码定义了一个长度为10的数组，但是没有给元素赋值。此时打印arr数组的长度应该是10。

当我们给数组元素赋值时，数组的长度会动态变化，且总是等于最大索引值加1。

例如：


var arr = [1, 2, 3];
console.log(arr.length); // 3
arr[10] = 11;
console.log(arr.length); // 11

在上述示例中，数组arr的长度一开始是3。当我们给arr[10]赋值后，数组的长度变成了11，不是从3变成了10。

数组的增删改查方法

在JavaScript中，数组的操作方法有很多，包括增删改查。下面是一些常用的数组方法：

- push()方法：可以在数组的末尾添加元素。

例如：


var arr = [1, 2, 3];
arr.push(4);
console.log(arr); // [1, 2, 3, 4]

- pop()方法：可以从数组的末尾删除元素。

例如：


var arr = [1, 2, 3];
arr.pop();
console.log(arr); // [1, 2]

- shift()方法：可以从数组的开头删除元素。

例如：


var arr = [1, 2, 3];
arr.shift();
console.log(arr); // [2, 3]

- unshift()方法：可以在数组的开头添加元素。

例如：


var arr = [1, 2, 3];
arr.unshift(0);
console.log(arr); // [0, 1, 2, 3]

- splice()方法：可以删除、插入或替换数组元素。

例如：


var arr = [1, 2, 3];
arr.splice(1, 1, 4);
console.log(arr); // [1, 4, 3]

- slice()方法：可以返回数组的一部分，而不修改原数组。

例如：


var arr = [1, 2, 3];
var newArr = arr.slice(1);
console.log(newArr); // [2, 3]
console.log(arr); // [1, 2, 3]

- indexOf()方法：可以返回指定元素在数组中的位置。

例如：


var arr = [1, 2, 3];
console.log(arr.indexOf(2)); // 1

- forEach()方法：可以对数组的每个元素执行相同的操作。

例如：


var arr = [1, 2, 3];
arr.forEach(function(item) {
 console.log(item*2);
});

数组的循环方法

在JavaScript中，数组元素可以通过循环来处理。以下是一些常用的数组循环方法：

- for循环：最常用的循环方法，可以遍历数组中的所有元素。

例如：


var arr = [1, 2, 3];
for (var i = 0; i < arr.length; i++) {
 console.log(arr[i]);
}

- for...in循环：可以遍历对象的属性。

例如：


var arr = [1, 2, 3];
for (var index in arr) {
 console.log(arr[index]);
}

- forEach()方法：可以对数组的每个元素执行相同的操作。

例如：


var arr = [1, 2, 3];
arr.forEach(function(item) {
 console.log(item*2);
});

综上所述，数组是JavaScript中非常重要的数据结构，掌握数组的JavaScript方法可以让我们在日常编程中更加便捷、高效。

上一篇: idea打包java可执行jar包

下一篇: 如何用C语言输出三角形

()

相似文章