js数组的常用操作

js数组的操作：

在JavaScript中，有许多内建的数组方法，用于对数组进行不同类型的操作。以下是一些常用的数组操作方法：

普通操作：

1. push() - 向数组末尾添加元素

let fruits = ['Apple', 'Banana'];
fruits.push('Orange');
console.log(fruits); // Output: ['Apple', 'Banana', 'Orange']

2. pop() - 从数组末尾删除元素

let fruits = ['Apple', 'Banana', 'Orange'];
let lastFruit = fruits.pop();
console.log(lastFruit); // Output: 'Orange'
console.log(fruits); // Output: ['Apple', 'Banana']

3. shift() - 从数组开头删除元素

let fruits = ['Apple', 'Banana', 'Orange'];
let firstFruit = fruits.shift();
console.log(firstFruit); // Output: 'Apple'
console.log(fruits); // Output: ['Banana', 'Orange']

4. unshift() - 向数组开头添加元素

let fruits = ['Banana', 'Orange'];
fruits.unshift('Apple');
console.log(fruits); // Output: ['Apple', 'Banana', 'Orange']

5. splice() - 从指定位置插入或删除元素

let fruits = ['Apple', 'Banana', 'Orange'];
fruits.splice(1, 1, 'Grapes', 'Mango');
console.log(fruits); // Output: ['Apple', 'Grapes', 'Mango', 'Orange']

6. slice() - 从数组中提取部分元素

let fruits = ['Apple', 'Banana', 'Orange', 'Grapes', 'Mango'];
let selectedFruits = fruits.slice(1, 4);
console.log(selectedFruits); // Output: ['Banana', 'Orange', 'Grapes']

7. find() - 查找满足条件的第一个元素

let foundFruit = fruits.find(function(fruit) {
  return fruit.startsWith('a');
});
// foundFruit 现在是 'apple'

8. concat() - 合并数组

let fruits1 = ['Apple', 'Banana'];
let fruits2 = ['Orange', 'Grapes'];
let allFruits = fruits1.concat(fruits2);
console.log(allFruits); // Output: ['Apple', 'Banana', 'Orange', 'Grapes']

9. indexOf() - 查找元素的索引

let fruits = ['Apple', 'Banana', 'Orange', 'Grapes', 'Mango'];
let index = fruits.indexOf('Banana');
// index 现在是 1

10. includes() - 检查数组是否包含某个元素

let fruits = ['Apple', 'Banana', 'Orange', 'Grapes', 'Mango'];
let hasBanana = fruits.includes('Banana');
// hasBanana 现在是 true

Steam操作

1. 使用 map() 进行转换

// 方式一：
let fruitLengths1 = fruits.map(function(fruit) {
  return fruit.length;
});

// 方式二：
let fruitLengths2 = fruits.map(fruit => {
  return fruit.length;
});

2. 使用 reduce() 进行累加

// 方式一：
let sum1 = fruits.reduce(function(acc, fruit) {
  return acc + fruit.length;
}, 0);

// 方式二：
let sum2 = fruits.reduce((sum2,fruit) => {
  return sum2 + fruit.length;
}, 0);

3. forEach() - 遍历数组元素

let fruits = ['Apple', 'Banana', 'Orange'];
fruits.forEach(fruit => {
 console.log(fruit);
});
// Output:
// 'Apple'
// 'Banana'
// 'Orange'

4.filter() - 根据条件过滤数组元素

let filteredFruits = fruits.filter(function(fruit) {
  return fruit.length > 5;
});
// filteredFruits 现在是 ['orange']

5. every() - 检测所有元素是否全满足条件

// 创建一个数组  
let fruits = [1, 2, 3, 4, 5];  
// 判断
let filteredFruits = fruits.every(item => {
  return item > 2;
});
// filteredFruits : false

这些只是一些基本的数组操作方法，JavaScript提供了更多丰富的数组操作功能。