🔥 前言
在现代Web开发中,JavaScript已经成为不可或缺的编程语言。无论是前端开发还是后端服务,JavaScript都扮演着重要角色。为了帮助开发者更高效地使用JavaScript,本文将为您提供一个全面、系统的JavaScript方法参考,涵盖数组操作、对象处理、DOM与BOM接口、时间处理、函数应用、正则表达式等多个方面。无论您是初学者还是资深开发者,这里都有您需要的实用技巧和代码示例!💻✨
👫 对象处理
1. 对象合并
在JavaScript中,合并对象是一个常见的需求。以下是两种常用的方法:
使用ES6的扩展运算符
// ES6 方法
let obj1 = {
a: 1, b: {
b1: 2 } };
let obj2 = {
c: 3, d: 4 };
let mergedObj = {
...obj1, ...obj2 };
console.log(mergedObj); // {a: 1, b: {…}, c: 3, d: 4}
使用 Object.assign()
// Object.assign()
let o1 = {
a: 1 };
let o2 = {
b: 2 };
let obj = Object.assign(o1, o2);
console.log(obj); // { a: 1, b: 2 }
console.log(o1); // { a: 1, b: 2 }
console.log(o2); // { b: 2 }
// 备注:Object.assign() 进行的是浅拷贝
2. 浅拷贝与深拷贝
在处理对象时,了解浅拷贝与深拷贝的区别至关重要。
深拷贝(基础版)
function deepClone(origin, target = {
}) {
for (let key in origin) {
if (origin.hasOwnProperty