欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

记录JS中一些很实用的简写代码段

程序员文章站 2022-03-21 19:29:30
Boolean// 通过两个取反强制转换为Boolean型!!'foo'Number// string转为number+'45'+new DateArray1、数组去重Array.from(new Set([1, 2, 3, 1, 2, 4, 5, 4, 6]))[...new Set([1, 2, 3, 1, 2, 4, 5, 4, 6])]2、数组合并[1, 2, 3].concat([4, 5, 6])[...[1, 2, .....

Boolean

// 通过两个取反强制转换为Boolean型
!!'foo'

 

Number

// string转为number
+'45'
+new Date

 

Array

1、数组去重

Array.from(new Set([1, 2, 3, 1, 2, 4, 5, 4, 6]))
[...new Set([1, 2, 3, 1, 2, 4, 5, 4, 6])]

2、数组合并

[1, 2, 3].concat([4, 5, 6])

[...[1, 2, 3], ...[4, 5, 6]]

 

Event

var times = 0
var foo = document.querySelector('.foo')
foo.addEventListener('click', function() {
    times++
    console.log(times)
}, false)

// 优化后
foo.addEventListener('click', (function() {
    var times = 0
    return function() {
        times++
        console.log(times)
    }
})(), false)

 

操作符(&&、||)

1、if判断语句针对不同情况赋值

// 普通用法
let str = ''
if (a === 'clear') {
  str = '清空'
} else if(a === 'delete') {
  str = '删除'
} else if (a === 'add') {
  str = '添加'
} else {
  str = '未知'
}

// switch用法
switch(a) {
  case 'clear': str='清空';break;
  case 'delete': str='删除';break;
  case 'add': str='添加';break;
  default: str='未知';
}

// Object写法
str = {
  clear: '清空',
  delete: '删除',
  add: '添加'
}[a] || '未知'


// 使用 && 和 || 的语法
str = (a === 'clear' && '清空') || (a === 'delete' && '删除') || (a === 'add' && '添加') || '未知';

2、if判断条件成立即执行

// 普通写法
if (a === '1' || a === '2') {
  console.log(a)
} 

// 优化写法
if(['1', '2'].includes(a)){
 console.log(a)
}

// 直接使用&&执行
['1', '2'].includes(a) && console.log(a)


持续更新中...

 

本文地址:https://blog.csdn.net/weixin_39072332/article/details/107493718