共计 2207 个字符,预计需要花费 6 分钟才能阅读完成。
javascript array 是一种用来存储多个值的数据结构,它可以用来表示列表、表格、矩阵等。javascript array 有以下特点:
- javascript array 是动态的,可以随时增加或删除元素,不需要指定固定的大小。
- javascript array 可以存储任意类型的值,包括数字、字符串、布尔值、对象、函数等。
- javascript array 的索引从 0 开始,可以用方括号 [] 或者点操作符. 来访问元素。
- javascript array 有很多内置的方法,可以用来对数组进行排序、筛选、遍历、合并等操作。
下面我们来看一些 javascript array 的基本用法:
- 创建数组:可以用 new Array()或者 [] 来创建一个空数组,也可以在 [] 中直接写入元素,例如
var arr1 = new Array(); // 创建一个空数组
var arr2 = []; // 创建一个空数组
var arr3 = [1, 2, 3]; // 创建一个包含三个数字的数组
var arr4 = ["a", "b", "c"]; // 创建一个包含三个字符串的数组
var arr5 = [true, false, null]; // 创建一个包含三个不同类型的值的数组
- 访问和修改元素:可以用索引来访问和修改数组中的元素,索引从 0 开始,最大为数组长度减一,例如:
var arr = [1, 2, 3];
console.log(arr[0]); // 输出 1
console.log(arr[1]); // 输出 2
console.log(arr[2]); // 输出 3
console.log(arr[3]); // 输出 undefined,因为索引超出了数组范围
arr[0] = 10; // 修改第一个元素为 10
arr[1] = 20; // 修改第二个元素为 20
arr[2] = 30; // 修改第三个元素为 30
console.log(arr); // 输出[10, 20, 30]
- 添加和删除元素:可以用 push()和 pop()方法来在数组末尾添加和删除元素,也可以用 unshift()和 shift()方法来在数组开头添加和删除元素,例如:
var arr = [1, 2, 3];
arr.push(4); // 在数组末尾添加一个元素 4
console.log(arr); // 输出[1, 2, 3, 4]
arr.pop(); // 在数组末尾删除一个元素,并返回它
console.log(arr); // 输出[1, 2, 3]
arr.unshift(0); // 在数组开头添加一个元素 0
console.log(arr); // 输出[0, 1, 2, 3]
arr.shift(); // 在数组开头删除一个元素,并返回它
console.log(arr); // 输出[1, 2, 3]
- 遍历数组:可以用 for 循环或者 forEach()方法来遍历数组中的每个元素,例如:
var arr = [1, 2, 3];
// 使用 for 循环遍历数组
for (var i = 0; i
- 排序和反转数组:可以用 sort()和 reverse()方法来对数组进行排序和反转,例如:
var arr = [3, 1, 4, 2];
arr.sort(); // 对数组进行升序排序,默认按照字符串比较
console.log(arr); // 输出[1, 2, 3, 4]
arr.reverse(); // 对数组进行反转,即倒序排列
console.log(arr); // 输出[4, 3, 2, 1]
- 连接和切割数组:可以用 concat()和 slice()方法来连接和切割数组,例如:
var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];
var arr3 = arr1.concat(arr2); // 连接两个数组,返回一个新的数组
console.log(arr3); // 输出[1, 2, 3, 4, 5, 6]
var arr4 = arr3.slice(1, 4); // 切割数组,从索引 1 开始,到索引 4 结束(不包含),返回一个新的数组
console.log(arr4); // 输出[2, 3, 4]
- 筛选和映射数组:可以用 filter()和 map()方法来筛选和映射数组,例如:
var arr = [1, 2, 3, 4, 5];
var arr2 = arr.filter(function (item) {return item % 2 == 0; // 筛选出偶数元素,返回一个新的数组});
console.log(arr2); // 输出[2, 4]
var arr3 = arr.map(function (item) {return item * 10; // 对每个元素乘以 10,返回一个新的数组});
console.log(arr3); // 输出[10, 20, 30, 40, 50]
- 归约和累加数组:可以用 reduce()和 reduceRight()方法来归约和累加数组,例如:
var arr = [1, 2, 3, 4, 5];
var sum = arr.reduce(function (prev, curr) {return prev + curr; // 对每两个元素求和,返回一个最终的值});
console.log(sum); // 输出 15
var product = arr.reduceRight(function (prev, curr) {return prev * curr; // 对每两个元素求积,从右往左,返回一个最终的值});
console.log(product); // 输出 120
以上就是 javascript array 的一些基本用法,希望对你有所帮助。
原文地址: javascript array 介绍——JavaScript 数组
正文完