javascript array介绍——JavaScript数组

萌够才回家 2023-06-18 13:20:50 浏览数 (1605)
反馈

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 < arr.length; i++) {
console.log(arr[i]); // 输出每个元素的值
}


// 使用forEach()方法遍历数组
arr.forEach(function (item) {
console.log(item); // 输出每个元素的值
});

  • 排序和反转数组:可以用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的一些基本用法,希望对你有所帮助。

0 人点赞