专业定制网站苏州微网站建设公司
js数组经常会用到，当涉及到 JavaScript 数组的函数，有许多常用的函数可用于对数组进行操作和转换。以下是一些常见的数组函数的讲解
splice()
splice() 函数用于修改数组，可以删除、插入或替换数组中的元素。
var fruits = ['apple', 'banana', 'orange', 'mango'];// 删除元素
fruits.splice(1, 2);
console.log(fruits); // ['apple', 'mango']// 插入元素
fruits.splice(1, 0, 'kiwi', 'grape');
console.log(fruits); // ['apple', 'kiwi', 'grape', 'mango']// 替换元素
fruits.splice(2, 1, 'pear');
console.log(fruits); // ['apple', 'kiwi', 'pear', 'mango']
- 使用
splice()删除元素时，第一个参数是开始删除的索引，第二个参数是要删除的元素个数。 - 使用
splice()插入元素时，第一个参数是开始插入的索引，第二个参数是要删除的元素个数，后面的参数是要插入的元素。 - 使用
splice()替换元素时，第一个参数是要替换的索引，第二个参数是要删除的元素个数，后面的参数是要替换的元素。
slice()
slice() 函数用于从数组中提取指定范围的元素，返回一个新的数组。
var fruits = ['apple', 'banana', 'orange', 'mango'];var citrus = fruits.slice(1, 3);
console.log(citrus); // ['banana', 'orange']
slice()函数接受两个参数，分别是提取的起始索引和结束索引（不包括结束索引对应的元素）。- 如果只提供一个参数，则提取从该索引到数组末尾的所有元素。
map()
map() 函数用于对数组中的每个元素执行指定的操作，并返回一个新的数组。
var numbers = [1, 2, 3, 4, 5];var doubled = numbers.map(function(num) {return num * 2;
});console.log(doubled); // [2, 4, 6, 8, 10]
map()函数接受一个回调函数作为参数，该回调函数用于对数组中的每个元素进行操作。- 回调函数接受当前元素的值、索引和原始数组作为参数，并返回操作后的值。
map()函数返回一个新的数组，其中包含应用回调函数后的结果。
concat()
concat() 函数用于连接两个或多个数组，并返回一个新的数组。
var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];
var arr3 = [7, 8, 9];var merged = arr1.concat(arr2, arr3);
console.log(merged); // [1, 2, 3, 4, 5, 6, 7, 8, 9]
concat()函数接受一个或多个数组作为参数。- 它将原始数组与传入的数组连接起来，并返回一个新的数组。
filter()
filter() 函数用于筛选数组中满足指定条件的元素，并返回一个新的数组。
var numbers = [1, 2, 3, 4, 5];var evens = numbers.filter(function(num) {return num % 2 === 0;
});console.log(evens); // [2, 4]
filter()函数接受一个回调函数作为参数，该回调函数用于指定筛选条件。- 回调函数接受当前元素的值、索引和原始数组作为参数，并返回一个布尔值，表示是否保留该元素。
filter()函数返回一个新的数组，其中包含满足筛选条件的元素。
reduce()
reduce() 函数用于对数组中的元素进行累积操作，返回一个累积结果。
var numbers = [1, 2, 3, 4, 5];var sum = numbers.reduce(function(acc, num) {return acc + num;
}, 0);console.log(sum); // 15
reduce()函数接受一个回调函数和一个初始值作为参数。- 回调函数接受累积结果（
acc）和当前元素的值作为参数，并返回累积结果。 reduce()函数从数组的第一个元素开始，依次对每个元素调用回调函数，最终返回累积的结果。
forEach()
forEach() 函数用于对数组中的每个元素执行指定的操作。
var fruits = ['apple', 'banana', 'orange'];fruits.forEach(function(fruit) {console.log(fruit);
});// 输出：
// apple
// banana
// orange
forEach()函数接受一个回调函数作为参数，该回调函数用于对数组中的每个元素进行操作。- 回调函数接受当前元素的值、索引和原始数组作为参数。
forEach()函数没有返回值，它仅用于遍历数组并执行操作。
当然还有其它的操作，也可以自己封装一些操作，欢迎大家在评论区评论留言。