【前端】JavaScript 方法速查大全-数组（一）

🔥 前言

在现代Web开发中，JavaScript作为一门强大的编程语言，已经成为了前端开发的核心。无论是处理数组、对象，还是与DOM和BOM的交互，掌握JavaScript的各种方法都是每位开发者必不可少的技能。本文将为您提供一个全面、系统的JavaScript方法参考，涵盖数组操作、对象处理、DOM与BOM接口、时间处理、函数应用、正则表达式等多个方面。无论您是初学者还是经验丰富的开发者，这份速查大全都将为您的开发工作提供极大的便利。💻✨

🌲 数组操作

1. 数组去重

去重是数组操作中最常见的需求之一。以下是几种实现数组去重的方法：

let arrs = [1, 2, 2, 3, 3, 6, 5, 5];

// ES6
let uniqueArr = [...new Set(arrs)]; // [1, 2, 3, 6, 5]

// 另一种去除数组中重复项的方式
let uniqueStr = [...new Set('ababbc')].join(''); // 'abc'

// 其他方法
function uniq(array) {
   
   
    let temp = [];
    let l = array.length;
    for (let i = 0; i < l; i++) {
   
   
        if (!temp.includes(array[i])) {
   
   
            temp.push(array[i]);
        }
    }
    return temp;
}
console.log(uniq(arrs)); // [1, 2, 3, 6, 5]

2. 数组合并

合并数组是另一个常见的操作，以下是几种实现方式：

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];

// ES6
let mergedArr = [...arr1, ...arr2]; // [1, 2, 3, 4, 5, 6]

// 方法2：concat 方法
let c = arr1.concat(arr2);
console.log(c); // [1, 2, 3, 4, 5, 6]

// 方法3：apply 方法
Array.prototype.push.apply(arr1, arr2);
console.log(arr1); // [1, 2, 3, 4, 5, 6]

3. 数组排序

排序数组是数据处理中的基本操作，以下是根据对象属性排序的示例：

let objArr = [
  {
   
    name: 'test1', age: 20 },
  {
   
    name: 'test1', age: 22 },
  {
   
    name: 'test1', age: 21 }
];

// 根据 age 升序排序
objArr.sort((a, b) => a.age - b.age);
// 结果：[{name: 'test1', age: 20}, {name: 'test1', age: 21}, {name: 'test1', age: 22}]

4. 多维数组转一维数组

处理多维数组时，常常需要将其转为一维数组：

let arr = [1, [2], [[3], 4], 5];

// ES6 flat()
let flattened = arr.flat(); // [1, 2, Array(1), 4, 5]
let completelyFlattened = arr.flat(Infinity