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

js array方法

作者:纵马天下   发布日期:2026-01-10   浏览:36

// 示例代码:使用 JavaScript Array 的一些常用方法

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

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

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

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

// 5. splice() 方法用于添加或删除数组中的元素,可以指定位置。
arr.splice(1, 0, 'a', 'b'); // 在索引1处插入'a'和'b'
console.log(arr); // 输出: [0, 'a', 'b', 2, 3]

// 6. slice() 方法用于提取数组的一部分,并返回一个新的数组。
let subArray = arr.slice(1, 4);
console.log(subArray); // 输出: ['a', 'b', 2]

// 7. map() 方法用于创建一个新数组,其结果是调用提供的函数处理原数组中的每个元素。
let doubled = arr.map(x => x * 2);
console.log(doubled); // 输出: [0, 'NaN', 'NaN', 4, 6] (注意:字符串与数字相乘会得到 NaN)

// 8. filter() 方法用于创建一个新数组,包含通过测试的所有元素。
let filtered = arr.filter(x => typeof x === 'number');
console.log(filtered); // 输出: [0, 2, 3]

// 9. reduce() 方法用于对数组中的所有元素执行一个 reducer 函数(从左到右),将其结果汇总为单个值。
let sum = arr.reduce((acc, curr) => {
    if (typeof curr === 'number') {
        return acc + curr;
    }
    return acc;
}, 0);
console.log(sum); // 输出: 5 (0 + 2 + 3)

// 10. forEach() 方法用于对数组的每个元素执行一次给定的函数。
arr.forEach(element => console.log(element));
// 输出:
// 0
// "a"
// "b"
// 2
// 3

这些示例展示了 JavaScript 中 Array 对象的一些常见方法。

上一篇:js 数组转set

下一篇:js 插入数组

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 对象数组合并

js 对象转数组

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

Laravel 中文站