JavaScript数组常用方法详解
本文将深入探讨JavaScript中常用的数组方法，涵盖数组元素的增删、查找、转换、排序、组合及迭代等操作。
一、元素添加与删除
push(): 向数组末尾添加一个或多个元素，并返回新数组的长度。
let fruits = ["apple", "banana"];fruits.push("cherry");console.log(fruits); // ["apple", "banana", "cherry"]pop(): 删除并返回数组的最后一个元素。
fruits.pop();console.log(fruits); // ["apple", "banana"]unshift(): 向数组开头添加一个或多个元素，并返回新数组的长度。
fruits.unshift("mango");console.log(fruits); // ["mango", "apple", "banana"]shift(): 删除并返回数组的第一个元素。
fruits.shift();console.log(fruits); // ["apple", "banana"]二、查找与搜索
立即学习“Java免费学习笔记（深入）”；
indexOf(): 返回数组中第一个与指定元素相匹配的索引值，如果未找到则返回 -1。
let numbers = [10, 20, 30, 40];console.log(numbers.indexOf(20)); // 1includes(): 检查数组是否包含指定的值，返回布尔值。
console.log(numbers.includes(30)); // trueconsole.log(numbers.includes(50)); // false三、数组转换
法语写作助手
法语助手旗下的AI智能写作平台，支持语法、拼写自动纠错，一键改写、润色你的法语作文。
31 查看详情 map(): 创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。
let numbers = [1, 2, 3];let squares = numbers.map(num => num * num);console.log(squares); // [1, 4, 9]filter(): 创建一个新数组，其包含通过提供的函数测试的所有元素。
let evenNumbers = numbers.filter(num => num % 2 === 0);console.log(evenNumbers); // [2]reduce(): 将数组中的所有元素累加为一个值。
let sum = numbers.reduce((acc, num) => acc + num, 0);console.log(sum); // 6四、排序
sort(): 对数组进行排序（默认按字母顺序）。 数字排序需要自定义比较函数。
let fruits = ["banana", "apple", "cherry"];fruits.sort();console.log(fruits); // ["apple", "banana", "cherry"]let numbers = [10, 5, 20];numbers.sort((a, b) => a - b); // 升序console.log(numbers); // [5, 10, 20]reverse(): 反转数组中元素的顺序。
fruits.reverse();console.log(fruits); // ["cherry", "banana", "apple"]五、组合与提取
concat(): 连接两个或多个数组。
let arr1 = [1, 2];let arr2 = [3, 4];let combined = arr1.concat(arr2);console.log(combined); // [1, 2, 3, 4]slice(): 提取数组的一部分，不修改原数组。
let numbers = [10, 20, 30, 40];let sliced = numbers.slice(1, 3);console.log(sliced); // [20, 30]splice(): 从数组中添加或删除元素。
let fruits = ["apple", "banana", "cherry"];fruits.splice(1, 1, "orange", "grape");console.log(fruits); // ["apple", "orange", "grape", "cherry"]六、数组迭代
forEach(): 为数组中的每个元素执行一次提供的函数。
let numbers = [1, 2, 3];numbers.forEach(num => console.log(num * 2)); // 2, 4, 6七、其他实用方法
join(): 将数组元素连接成一个字符串。
let fruits = ["apple", "banana", "cherry"];console.log(fruits.join(", ")); // "apple, banana, cherry"find(): 返回数组中满足提供的测试函数的第一个元素的值。
let numbers = [10, 20, 30];let result = numbers.find(num => num > 15);console.log(result); // 20findIndex(): 返回数组中满足提供的测试函数的第一个元素的索引。
console.log(numbers.findIndex(num => num > 15)); // 1flat(): 将嵌套数组“展平”成一个单层数组。
let nested = [1, [2, 3], [4, [5]]];console.log(nested.flat(2)); // [1, 2, 3, 4, 5]通过学习以上方法，您可以高效地操作JavaScript数组，完成各种数据处理任务。
以上就是Javascript – 数组方法的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/373622.html
微信扫一扫 
支付宝扫一扫 
