js实现替换

字符串替换

在JavaScript中，字符串替换可以通过多种方法实现。String.prototype.replace()是最常用的方法，支持正则表达式和字符串匹配。

let str = "Hello World";
let newStr = str.replace("World", "JavaScript");
console.log(newStr); // 输出 "Hello JavaScript"

使用正则表达式进行全局替换：

let str = "apple orange apple";
let newStr = str.replace(/apple/g, "banana");
console.log(newStr); // 输出 "banana orange banana"

数组元素替换

对于数组，可以通过索引直接替换元素，或使用Array.prototype.map()进行条件替换。

let arr = [1, 2, 3, 4];
arr[1] = 5; // 直接替换索引1的元素
console.log(arr); // 输出 [1, 5, 3, 4]

使用map()方法：

let arr = [1, 2, 3, 4];
let newArr = arr.map(item => item === 2 ? 5 : item);
console.log(newArr); // 输出 [1, 5, 3, 4]

对象属性替换

对象属性的替换可以通过直接赋值或Object.assign()实现。

let obj = { name: "Alice", age: 25 };
obj.name = "Bob"; // 直接替换属性
console.log(obj); // 输出 { name: "Bob", age: 25 }

使用Object.assign()：

let obj = { name: "Alice", age: 25 };
Object.assign(obj, { name: "Bob" });
console.log(obj); // 输出 { name: "Bob", age: 25 }

DOM元素替换

在DOM操作中，可以使用replaceWith()方法替换元素。

let oldElement = document.getElementById("old");
let newElement = document.createElement("div");
newElement.textContent = "New Element";
oldElement.replaceWith(newElement);

正则表达式高级替换

使用函数作为替换参数，实现动态替换：

let str = "3 apples and 5 oranges";
let newStr = str.replace(/\d+/g, match => match * 2);
console.log(newStr); // 输出 "6 apples and 10 oranges"

模板字符串替换

ES6模板字符串可以嵌入表达式实现动态内容替换。

let name = "Alice";
let greeting = `Hello, ${name}!`;
console.log(greeting); // 输出 "Hello, Alice!"