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

js 数组方法

作者:寂寞带点伤   发布日期:2025-06-21   浏览:22

// 示例代码:使用 JavaScript 数组方法

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

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

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

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

// 5. splice() - 可以用于添加或删除数组中的元素
arr.splice(1, 1, 'a', 'b'); // 从索引1开始删除1个元素,然后插入'a'和'b'
console.log(arr); // 输出: [0, 'a', 'b', 2, 3]

// 6. slice() - 提取数组的一部分并返回一个新的数组,不会修改原数组
let newArr = arr.slice(1, 3); // 提取索引1到3(不包括3)的元素
console.log(newArr); // 输出: ['a', 'b']

// 7. map() - 创建一个新数组,其结果是对调用数组中的每个元素调用一次提供的函数
let numbers = [1, 2, 3, 4];
let squares = numbers.map(x => x * x);
console.log(squares); // 输出: [1, 4, 9, 16]

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

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

// 10. forEach() - 对数组的每个元素执行一次提供的函数,没有返回值
numbers.forEach(x => console.log(x));
// 输出:
// 1
// 2
// 3
// 4

上一篇:js 数组追加数组

下一篇:js 数组 包含

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组复制

js 复制数组

js 数组拷贝

js 对象转数组

js 深拷贝数组

js 获取今天年月日

js jsonp

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

Laravel 中文站