Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js 数组的方法

作者:尒忸旳迣鎅゛沬卜鋽旳凄涼   发布日期:2026-07-30   浏览:49

// 数组的方法示例

// 1. push: 向数组的末尾添加一个或多个元素,并返回新的长度。
let arr = [1, 2, 3];
arr.push(4);
console.log(arr); // 输出: [1, 2, 3, 4]

// 2. pop: 删除数组的最后一个元素,并返回该元素。
let lastElement = arr.pop();
console.log(lastElement); // 输出: 4
console.log(arr); // 输出: [1, 2, 3]

// 3. shift: 删除数组的第一个元素,并返回该元素。
let firstElement = arr.shift();
console.log(firstElement); // 输出: 1
console.log(arr); // 输出: [2, 3]

// 4. unshift: 向数组的开头添加一个或多个元素,并返回新的长度。
arr.unshift(0);
console.log(arr); // 输出: [0, 2, 3]

// 5. splice: 可以添加/删除数组中的元素,返回被删除的元素。
arr.splice(1, 0, 'a', 'b'); // 在索引1处插入'a'和'b'
console.log(arr); // 输出: [0, 'a', 'b', 2, 3]
arr.splice(1, 2); // 从索引1开始删除2个元素
console.log(arr); // 输出: [0, 2, 3]

// 6. slice: 返回一个新的数组,包含从开始到结束(不包括结束)的元素。
let newArr = arr.slice(1, 3);
console.log(newArr); // 输出: [2, 3]

// 7. concat: 合并两个或多个数组,并返回一个新数组。
let combined = arr.concat([4, 5]);
console.log(combined); // 输出: [0, 2, 3, 4, 5]

// 8. map: 创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后的返回值。
let doubled = arr.map(x => x * 2);
console.log(doubled); // 输出: [0, 4, 6]

// 9. filter: 创建一个新数组,包含通过测试的所有元素。
let filtered = arr.filter(x => x > 1);
console.log(filtered); // 输出: [2, 3]

// 10. reduce: 对数组中的每个元素执行一个 reducer 函数,将其结果汇总为单个输出值。
let sum = arr.reduce((acc, curr) => acc + curr, 0);
console.log(sum); // 输出: 5

// 11. forEach: 对数组的每个元素执行一次提供的函数。
arr.forEach(x => console.log(x)); // 输出: 0, 2, 3

// 12. find: 返回数组中满足提供的测试函数的第一个元素的值,否则返回 undefined。
let found = arr.find(x => x > 1);
console.log(found); // 输出: 2

// 13. includes: 判断数组是否包含某个值,如果包含则返回 true,否则返回 false。
let hasThree = arr.includes(3);
console.log(hasThree); // 输出: true

上一篇:js 数组追加数组

下一篇:js 数组 方法

大家都在看

js 数组打乱顺序

js 两个数组取交集

js 数组对象排序

js 对象数组排序

js 数组删掉第一个值

js fill

js fill方法

js 数组连接

js json数组

js 数组复制

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站