开启辅助访问
帐号登录 |立即注册

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) {});//直接使用点语法转换成数组。





回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

友情链接
  • 艾Q网

    提供设计文章,教程和分享聚合信息与导航工具,最新音乐,动漫,游戏资讯的网站。