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

js 数组 方法

作者:龙之灬殇   发布日期:2026-03-30   浏览:78

// 示例代码:数组常用方法

// 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(1);
console.log(arr); // 输出: [1, 2, 3]

// 5. splice() - 可以用于添加或删除数组中的元素
// 删除元素:splice(startIndex, deleteCount)
arr.splice(1, 1); // 从索引1开始,删除1个元素
console.log(arr); // 输出: [1, 3]

// 添加元素:splice(startIndex, 0, element1, element2, ...)
arr.splice(1, 0, 2);
console.log(arr); // 输出: [1, 2, 3]

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

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

// 8. filter() - 创建一个新数组,包含通过测试的所有元素
let evenNumbers = arr.filter(x => x % 2 === 0);
console.log(evenNumbers); // 输出: [2]

// 9. reduce() - 对数组中的每个元素执行一个 reducer 函数(升序执行),将其结果汇总为单个返回值
let sum = arr.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
console.log(sum); // 输出: 6

// 10. forEach() - 对数组的每个元素执行一次提供的函数
arr.forEach(element => console.log(element));
// 输出:
// 1
// 2
// 3

上一篇:js 数组追加数组

下一篇:js 数组方法

大家都在看

js 数组打乱顺序

js 两个数组取交集

js 数组对象排序

js 对象数组排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

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

Laravel 中文站