JavaScript(三):数组
目录
创建数组
创建数组可以直接使用字面量语法创建,例如:
let arr = [1, 2, 3, 4, 5];
使用方括号将元素写在其中,用逗号分隔
也可以使用new Array()创建
let arr = new Array(5); // 创建一个包含5个空位的数组
let arr2 = new Array(1, 2, 3); // 创建一个包含1, 2, 3元素的数组
当传入一个数字时,创建一个指定长度的空数组,数组的元素为undefined
当传入多个参数时,创建一个包含这些值的数组
JavaScript中,数组的元素可以是不同的数据类型,也可以嵌套其他数组
let arr = [1, "hello", true, null, [1, 2, 3]];
console.log(arr[4]); // 输出: [1, 2, 3]
访问数组元素
数组的元素通过索引访问,从0开始
let arr = [10, 20, 30, 40, 50];
console.log(arr[0]); // 输出: 10
console.log(arr[3]); // 输出: 40
修改数组元素
通过修改索引来修改数组元素
let arr = [10, 20, 30];
arr[1] = 50; // 修改索引为1的元素
console.log(arr); // 输出: [10, 50, 30]
数组的常用方法
push()
:在数组的末尾添加一个或多个元素,并返回新的数组长度
let str = "Hello, world!";
console.log(str.lastIndexOf('o')); // 输出: 8
pop()
:删除数组的最后一个元素,并返回该元素
let arr = [1, 2, 3];
let removedElement = arr.pop();
console.log(removedElement); // 输出: 3
console.log(arr); // 输出: [1, 2]
shift()
:删除数组的第一个元素,并返回该元素
let arr = [1, 2, 3];
let removedElement = arr.shift();
console.log(removedElement); // 输出: 1
console.log(arr); // 输出: [2, 3]
unshift()
:在数组的开头添加一个或多个元素,并返回新的数组长度
let arr = [1, 2, 3];
arr.unshift(0); // 添加 0 到数组开头
console.log(arr); // 输出: [0, 1, 2, 3]
concat()
:合并两个或多个数组,返回一个新的数组
let arr1 = [1, 2];
let arr2 = [3, 4];
let arr3 = arr1.concat(arr2);
console.log(arr3); // 输出: [1, 2, 3, 4]
join()
:将数组的所有元素连接成一个字符串,可以指定分隔符
let arr = [1, 2, 3];
console.log(arr.join(", ")); // 输出: "1, 2, 3"
slice()
:从数组中提取出一个新的子数组(不修改原数组),可以指定起始和结束索引
let arr = [1, 2, 3, 4, 5];
let subArr = arr.slice(1, 4); // 从索引 1 到 4 (不包括 4)
console.log(subArr); // 输出: [2, 3, 4]
splice()
:用于删除或替换数组中的元素,也可以向数组中添加元素
let arr = [1, 2, 3, 4];
arr.splice(2, 1, 5, 6); // 从索引2开始,删除1个元素,并添加5和6
console.log(arr); // 输出: [1, 2, 5, 6, 4]
sort()
:对数组进行排序,默认按字符串排序
let arr = [4, 1, 3, 2];
arr.sort();
console.log(arr); // 输出: [1, 2, 3, 4]
reverse()
:反转数组中的元素
let arr = [1, 2, 3];
arr.reverse();
console.log(arr); // 输出: [3, 2, 1]
indexOf()
:返回指定元素在数组中第一次出现的位置,如果不存在返回 -1
let arr = [1, 2, 3, 4];
console.log(arr.indexOf(3)); // 输出: 2
console.log(arr.indexOf(5)); // 输出: -1
includes()
:检查数组是否包含某个元素,返回布尔值
let arr = [1, 2, 3, 4];
console.log(arr.includes(3)); // 输出: true
console.log(arr.includes(5)); // 输出: false
find()
:返回数组中第一个满足条件的元素。如果没有符合条件的元素,返回 undefined
let arr = [5, 12, 8, 130, 44];
let found = arr.find(element => element > 10);
console.log(found); // 输出: 12
forEach()
:对数组的每个元素执行一次回调函数
let arr = [1, 2, 3];
arr.forEach((item, index) => {
console.log(`Item at index ${index}: ${item}`);
});
filter()
:创建一个新数组,包含所有满足条件的元素
let arr = [1, 2, 3, 4, 5];
let even = arr.filter(x => x % 2 === 0);
console.log(even); // 输出: [2, 4]
原文地址:https://blog.csdn.net/LUwantAC/article/details/144776111
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!