下面我会详细讲解JavaScript中的一些实用小技巧总结,主要包括以下内容:
- 数组操作技巧
- 对象操作技巧
- 字符串操作技巧
- 函数操作技巧
1. 数组操作技巧
1.1 数组去重
可以通过 Set
类型和 Array.from()
方法来去重数组:
const arr = [1, 2, 2, 3, 3, 4];
const newArr = Array.from(new Set(arr));
console.log(newArr); // [1, 2, 3, 4]
1.2 数组扁平化
可以通过 Array.prototype.flat()
方法来将多维数组扁平化:
const arr = [1, [2, 3], [4, [5, 6]]];
const newArr = arr.flat(Infinity);
console.log(newArr); // [1, 2, 3, 4, 5, 6]
2. 对象操作技巧
2.1 对象合并
可以通过 Object.assign()
方法来合并对象:
const obj1 = { a: 1 };
const obj2 = { b: 2 };
const newObj = Object.assign({}, obj1, obj2);
console.log(newObj); // { a: 1, b: 2 }
2.2 对象解构
可以通过对象解构语法来获取对象的属性:
const obj = { a: 1, b: 2 };
const { a, b } = obj;
console.log(a, b); // 1 2
3. 字符串操作技巧
3.1 字符串查找
可以通过 String.prototype.includes()
方法来判断字符串是否包含某个子串:
const str = 'hello world';
console.log(str.includes('world')); // true
3.2 字符串替换
可以通过 String.prototype.replaceAll()
方法来替换字符串中的某些字符:
const str = 'hello world';
const newStr = str.replaceAll('o', '*');
console.log(newStr); // hell* w*rld
4. 函数操作技巧
4.1 函数柯里化
可以通过函数柯里化来使函数接受多个参数(部分应用):
const add = x => y => z => x + y + z;
console.log(add(1)(2)(3)); // 6
4.2 函数节流
可以通过函数节流来限制函数的执行次数:
function throttle(fn, delay) {
let timer = null;
return function () {
if (!timer) {
timer = setTimeout(() => {
fn.apply(this, arguments);
timer = null;
}, delay);
}
}
}
window.addEventListener('scroll', throttle(() => {
console.log('scroll');
}, 1000));
以上就是JavaScript中的一些实用小技巧总结了。希望对你有所帮助。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript中的一些实用小技巧总结 - Python技术站