// 示例代码:使用 JavaScript Array 的一些常用方法
// 创建一个数组
let fruits = ['apple', 'banana', 'cherry'];
// 1. push() - 向数组末尾添加元素
fruits.push('date');
console.log(fruits); // 输出: ['apple', 'banana', 'cherry', 'date']
// 2. pop() - 删除数组末尾的元素并返回该元素
let lastFruit = fruits.pop();
console.log(lastFruit); // 输出: 'date'
console.log(fruits); // 输出: ['apple', 'banana', 'cherry']
// 3. shift() - 删除数组开头的元素并返回该元素
let firstFruit = fruits.shift();
console.log(firstFruit); // 输出: 'apple'
console.log(fruits); // 输出: ['banana', 'cherry']
// 4. unshift() - 向数组开头添加元素
fruits.unshift('blueberry');
console.log(fruits); // 输出: ['blueberry', 'banana', 'cherry']
// 5. slice() - 提取数组的一部分并返回新数组(不改变原数组)
let someFruits = fruits.slice(0, 2);
console.log(someFruits); // 输出: ['blueberry', 'banana']
console.log(fruits); // 输出: ['blueberry', 'banana', 'cherry']
// 6. splice() - 修改数组,可以添加/删除元素(会改变原数组)
fruits.splice(1, 1, 'grape'); // 在索引1处删除1个元素,并插入'grape'
console.log(fruits); // 输出: ['blueberry', 'grape', 'cherry']
// 7. map() - 对数组中的每个元素执行函数,并返回新数组
let upperFruits = fruits.map(fruit => fruit.toUpperCase());
console.log(upperFruits); // 输出: ['BLUEBERRY', 'GRAPE', 'CHERRY']
// 8. filter() - 过滤数组中的元素,返回符合条件的新数组
let shortFruits = fruits.filter(fruit => fruit.length < 6);
console.log(shortFruits); // 输出: ['grape']
// 9. reduce() - 对数组中的元素进行累积操作
let sumLength = fruits.reduce((total, fruit) => total + fruit.length, 0);
console.log(sumLength); // 输出: 18 (blueberry: 9 + grape: 5 + cherry: 4)
// 10. forEach() - 遍历数组中的每个元素
fruits.forEach(fruit => console.log(fruit));
// 输出:
// blueberry
// grape
// cherry
上一篇:js 数组添加到第一个
下一篇:js 对象数组去重
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站