JS常用技巧

傷城~ 2022-01-22 23:04 248阅读 0赞

#### 判断值 ####

判断是否为\{\}

var data = { };
    var arr = Object.keys(data);
    alert(arr.length == 0);//true

判断是否为null

`value === null`

#### 判断数据类型 ####

Object.prototype.toString.call(数据)

\[object,object\]对象  
\[object,Array\]数组  
\[object,string\]字符串

#### 数据分组 ####

以前的代码

this.total = list.length;
    let d = list.map((elem, i) => { 
    	return elem.SpotCheckName;
    })//先筛选有多少不同的SpotCheckName
    let SNames = [...new Set(d)];//去重，筛选故障种类
    SNames.forEach((item, i) => { 
    	let q = list.filter((elem, j) => { 
    		return elem.SpotCheckName == SNames[i]
    	})
    	this.formData.push(q)
    })//根据种类去分组
    console.log(this.formData)

现在的代码

let MachineGroup={ }
    	list.forEach((Machine)=>{ 
    		console.log(Machine)
    		MachineGroup[Machine.SpotCheckName]=MachineGroup[Machine.SpotCheckName]||[]
    		MachineGroup[Machine.SpotCheckName].push(Machine)
    	})
    this.formData=Object.values(MachineGroup)

#### 数据筛选 ####

提取数组中某些对象形成新的数组

最先想到的做法可能是

this.mainList=list.map((item)=>{ 
        let { MachineNum,Project,Standard,Consumable}=item
    	return { 
    		MachineNum,Project,Standard,Consumable
    	}
    })

但是可以进一步优化，将解构做到极致

this.mainList=list.map(({ MachineNum,Project,Standard,Consumable})=>{ 
    	return { 
    		MachineNum,Project,Standard,Consumable
    	}
    })

#### 传参数据的筛选 ####

发表评论取消回复

表情：

评论列表（有 0 条评论，248人围观）

还没有评论，来说两句吧...

相关阅读

相关 mybatis常用技巧

mybatis常用技巧 list的for循环分页 insert update \\{\} 预处理 $\{\} 字符串替换批量

「爱情、让人受尽委屈。」/ 2022年10月11日 00:51/ 0 赞/ 287 阅读

相关 Eclipse 常用技巧

快捷方式 0. Ctrl + 1 （快速修复） 1. Ctrl + D （删除当前行) 2. Ctrl + Alt + ↓（复制当前行到下一行） 3.

傷城~/ 2022年08月07日 09:50/ 0 赞/ 195 阅读

相关 api日常总结：前端常用js函数和CSS常用技巧

我的移动端media html{ font-size:10px} @media screen and (min-width:321px) and (max-wi

不念不忘少年蓝@/ 2022年06月06日 02:25/ 0 赞/ 188 阅读

相关 css常用技巧

概述相信大家在写css属性的时候，会遇到一些问题，比如说：垂直对齐，垂直居中，背景渐变动画，表格宽度自适应，模糊文本，样式重置，清除

Dear 丶/ 2022年05月21日 00:12/ 0 赞/ 228 阅读

相关 js常用技巧一

> 小编推荐：[Fundebug][]提供JS错误监控、微信小程序错误监控、微信小游戏错误监控，Node.j错误监控和Java错误监控。真的是一个很好用的错误监控费服务，众多大

r囧r小猫/ 2022年02月05日 06:59/ 0 赞/ 153 阅读

相关 JS常用技巧

判断值判断是否为\{\} var data = { }; var arr = Object.keys(data); alert(arr.len

傷城~/ 2022年01月22日 23:04/ 0 赞/ 249 阅读

相关前端常用技巧

让文字在一行上下最好的居中方法：line-height： px return关键字2个作用：1.结束函数 2.返回一个值给调用者给容器设定尺寸，不给图片设置尺寸，图片显

古城微笑少年丶/ 2021年11月09日 07:50/ 0 赞/ 336 阅读

相关 ps 常用技巧

一：去除图片中的文字/多余的部分 1》![20180307084858810][] 2》![20180307084933925][] 3》![20180

女爷i/ 2021年10月08日 07:04/ 0 赞/ 365 阅读

相关常用小技巧

常用小技巧录入日期:2006-11-16 23:54:59 -------------------- 事件源对象 event.srcElem

约定不等于承诺〃/ 2021年09月10日 04:28/ 0 赞/ 523 阅读

相关常用CSS技巧

11.17 CSS英文命名在写CSS的时候，经常为一些名字而发愁，比如说菜单后面的背景要用什么词来表示呢？大家都知道，菜单一般用menu来表示，那么菜单后面的背景我会用me

叁歲伎倆/ 2021年09月10日 03:32/ 0 赞/ 490 阅读