javascript小技巧 超强推荐第4/5页

JavaScript小技巧 超强推荐第4/5页

该篇文章主要介绍了JavaScript开发中常用且实用的一些小技巧和技巧，有助于提升JavaScript编写代码的效率与质量。以下为该篇文章中的一些小技巧和技巧的详细讲解：

把 NodeList转换成数组

在Web开发中，经常会需要获取DOM元素集合，而这些集合通常是一个NodeList对象。而NodeList并不是一个标准的数组，所以需要转换成数组，才可以使用数组的方法进行操作。以下是将NodeList转换成数组的常用代码：

const divs = document.querySelectorAll('div'); 
const divsArray = Array.from(divs);

或者使用ES6中的展开运算符（spread operator）：

const divs = document.querySelectorAll('div'); 
const divsArray = [...divs];

用“||”给变量赋默认值

在 JavaScript 中，可以使用双竖线（||）为变量赋默认值。以下是使用“||”给变量赋默认值的代码实例：

const name = selina || 'unknown';
console.log(name); // 如果 selina 未定义，则输出 'unknown'

当 selina 未定义或者为空字符串时，name 变量会被赋默认值 'unknown'，从而避免了未定义的错误。

Object.assign() 合并对象

Object.assign() 方法可以把多个对象合并成一个对象，及时混合且非常方便。以下是Object.assign() 方法的使用方法：

const target = { a: 1, b: 2 };
const source = { b: 4, c: 5 };

const result = Object.assign(target, source);

console.log(result); // {a:1, b:4, c:5}

在该示例中，Object.assign() 将 source 对象合并到 target 对象中，并返回新对象，同时修改 target 对象的属性值。

以上就是该篇文章中的部分小技巧和技巧的详细讲解。