谈谈JavaScript数组常用方法总结

1. 什么是JavaScript数组

JavaScript数组可以理解为一组有序的数据集合，可以存储任意类型的数据，包括数字、字符串、对象、函数等等。数组是JavaScript中最常用的数据结构之一，因为它能够快速方便地对数据进行排序、搜索、过滤、截取等操作。

2. JavaScript数组常用方法

下面列举了一些常用的JavaScript数组方法，可以根据具体的需求进行使用。

2.1. push()方法

push()方法可以在数组的末尾添加一个或多个元素。

let arr = ['apple', 'banana'];
arr.push('orange', 'pear');
console.log(arr);  // ['apple', 'banana', 'orange', 'pear']

2.2. pop()方法

pop()方法可以从数组的末尾删除一个元素，并返回该元素的值。

let arr = ['apple', 'banana', 'orange'];
let lastElement = arr.pop();
console.log(lastElement);  // 'orange'
console.log(arr);  // ['apple', 'banana']

2.3. shift()方法

shift()方法可以从数组的开头删除一个元素，并返回该元素的值。

let arr = ['apple', 'banana', 'orange'];
let firstElement = arr.shift();
console.log(firstElement);  // 'apple'
console.log(arr);  // ['banana', 'orange']

2.4. unshift()方法

unshift()方法可以在数组的开头添加一个或多个元素，并返回新的数组长度。

let arr = ['apple', 'banana'];
let newLength = arr.unshift('orange', 'pear');
console.log(newLength);  // 4
console.log(arr);  // ['orange', 'pear', 'apple', 'banana']

2.5. concat()方法

concat()方法可以将两个或多个数组合并成一个新数组。

let arr1 = ['apple', 'banana'];
let arr2 = ['orange', 'pear'];
let newArr = arr1.concat(arr2);
console.log(newArr);  // ['apple', 'banana', 'orange', 'pear']

2.6. slice()方法

slice()方法可以截取数组的部分内容，并返回一个新数组。

let arr = ['apple', 'banana', 'orange', 'pear'];
let newArr = arr.slice(1, 3);
console.log(newArr);  // ['banana', 'orange']
console.log(arr);  // ['apple', 'banana', 'orange', 'pear']

2.7. splice()方法

splice()方法可以删除数组中的一个或多个元素，并向数组中添加新元素。

let arr = ['apple', 'banana', 'orange', 'pear'];
let removed = arr.splice(1, 2, 'grape', 'mango');
console.log(removed);  // ['banana', 'orange']
console.log(arr);  // ['apple', 'grape', 'mango', 'pear']

2.8. sort()方法

sort()方法可以对数组进行排序，默认按照字母顺序。可以传入一个函数作为参数，实现自定义的排序方式。

let arr = ['grape', 'banana', 'apple', 'pear', 'orange'];
arr.sort();
console.log(arr);  // ['apple', 'banana', 'grape', 'orange', 'pear']

arr.sort(function(a, b) {
  return a.length - b.length;
});
console.log(arr);  // ['pear', 'apple', 'banana', 'grape', 'orange']

2.9. indexOf()方法

indexOf()方法可以查找数组中指定元素的位置，并返回其索引值，如果未找到则返回-1。

let arr = ['apple', 'banana', 'orange', 'pear'];
let index = arr.indexOf('orange');
console.log(index);  // 2

2.10. filter()方法

filter()方法可以对数组进行过滤，并返回一个新数组。

let arr = [1, 2, 3, 4, 5];
let newArr = arr.filter(function(item) {
  return item % 2 === 0;
});
console.log(newArr);  // [2, 4]

3. 总结

JavaScript数组提供了丰富的操作方法，可以方便地对数据进行增删改查等操作。掌握这些方法可以使我们在实际开发中更加高效地处理数据。

示例1：使用filter()方法过滤掉数组中的空字符串

let arr = ['', 'apple', '', 'banana', 'orange', ''];
let newArr = arr.filter(function(item) {
  return item !== '';
});
console.log(newArr);  // ['apple', 'banana', 'orange']

示例2：使用sort()方法按照数字大小进行排序

let arr = [5, 2, 9, 1, 3, 8];
arr.sort(function(a, b) {
  return a - b;
});
console.log(arr);  // [1, 2, 3, 5, 8, 9]