JS展开语法的使用

一、在数组中使用点语法

将数组加入另一个数组，数组合并操作
let arr = [ " hdcms ", " houdunren"];
let hd = ["js" ,  “css"];
1、方法一：使用循环追加数组
for ( const value of hd) {
arr. push(value);
}
//arr. push("js" ,  “css");//可以多个值一起添加
console.log(arr);

用展开语法追加arr.push(...hd);


2、方法二：使用点语法实现同样效果
arr=[ ... arr , ... hd ];
console.log( arr);

二、在函数中使用点语法

使用展开语法接收多个变量
function sum(... args) //参数不确定，可使用点语法展开
{
return args . reduce((s, v) => {
return (s += v);
}，0);
}
console.log( sum(1, 2, 34, 54, 5));//可设置多个参数


三、点语法操作DOM节点元素

DOM元素转数组，比如多个<div>对象，使用[...div]
const div = document . querySelectorAll("div");
array.from(div) . map( function( item) {});//  div对象转换成数组再使用数组的map方法。
[...div] . map( function( item) {});//直接使用点语法转换成数组。