JavaScript 数组常用方法

发布于:2024-05-11 ⋅ 阅读:(22) ⋅ 点赞:(0)

JavaScript数组是一种用于存储多个值的有序集合。在JavaScript中,数组是一种特殊的对象,它具有一系列的方法,可以用来操作数组中的元素。下面详细说明一些常用的数组方法,并给出相应的代码案例。

  1. push()方法:向数组的末尾添加一个或多个元素,并返回新数组的长度。代码案例:
let fruits = ["apple", "banana"];
let length = fruits.push("orange");
console.log(fruits); // ["apple", "banana", "orange"]
console.log(length); // 3

  1. pop()方法:从数组的末尾删除一个元素,并返回该元素的值。代码案例:
let fruits = ["apple", "banana", "orange"];
let lastFruit = fruits.pop();
console.log(fruits); // ["apple", "banana"]
console.log(lastFruit); // "orange"

  1. unshift()方法:向数组的开头添加一个或多个元素,并返回新数组的长度。代码案例:
let fruits = ["apple", "banana"];
let length = fruits.unshift("orange");
console.log(fruits); // ["orange", "apple", "banana"]
console.log(length); // 3

  1. shift()方法:从数组的开头删除一个元素,并返回该元素的值。代码案例:
let fruits = ["orange", "apple", "banana"];
let firstFruit = fruits.shift();
console.log(fruits); // ["apple", "banana"]
console.log(firstFruit); // "orange"

  1. concat()方法:将两个或多个数组合并成一个新数组,并返回新数组。代码案例:
let fruits1 = ["apple", "banana"];
let fruits2 = ["orange", "grape"];
let allFruits = fruits1.concat(fruits2);
console.log(allFruits); // ["apple", "banana", "orange", "grape"]

  1. slice()方法:返回数组中的一个片段,并创建一个新数组。代码案例:
let fruits = ["apple", "banana", "orange", "grape"];
let citrusFruits = fruits.slice(1, 3);
console.log(citrusFruits); // ["banana", "orange"]

  1. splice()方法:向/从数组中添加/删除元素,并返回被删除的元素。代码案例:
let fruits = ["apple", "banana", "orange", "grape"];
let removedFruits = fruits.splice(1, 2, "kiwi");
console.log(fruits); // ["apple", "kiwi", "grape"]
console.log(removedFruits); // ["banana", "orange"]

  1. forEach()方法:遍历数组中的每个元素,并对其执行指定的函数。代码案例:
let fruits = ["apple", "banana", "orange"];
fruits.forEach(function(fruit) {
  console.log(fruit);
});
// 输出:
// "apple"
// "banana"
// "orange"

  1. map()方法:将数组中的每个元素执行指定的函数,并返回一个新数组。代码案例:
let numbers = [1, 2, 3];
let doubledNumbers = numbers.map(function(number) {
  return number * 2;
});
console.log(doubledNumbers); // [2, 4, 6]

  1. filter()方法:根据指定的条件筛选数组中的元素,并返回一个新数组。代码案例:
let numbers = [1, 2, 3, 4, 5];
let evenNumbers = numbers.filter(function(number) {
  return number % 2 === 0;
});
console.log(evenNumbers); // [2, 4]


网站公告

今日签到

点亮在社区的每一天
去签到