10个日常生活中非常有用的Javascript代码片段

百度已收录   阅读次数: 185
2021-04-1423:26:07 发表评论
摘要

伯衡君前几天分享了一篇有关python的10个代码片段,具体可以参看下方的前情提要,而这次伯衡君分享一下有关Javascript的10个代码片段,日常生活编程中非常有用的,能够极大提高工作效率的,虽然可能不能让新手看起来像高手,但是如果学会,也能快速入门Javascript哦……

10个日常生活中非常有用的Javascript代码片段

开篇寄语

伯衡君前几天分享了一篇有关python的10个代码片段,具体可以参看下方的前情提要,而这次伯衡君分享一下有关Javascript的10个代码片段,日常生活编程中非常有用的,能够极大提高工作效率的,虽然可能不能让新手看起来像高手,但是如果学会,也能快速入门Javascript哦。

前情提要

内容详情

1.快速交换赋值

let a = 10
let b = 20
a,b = b,a //a = 20, b = 10

let arr = [1,2,3,4,5]
[a,b,c,d,e] = arr
console.log(a) //输出a = 1

2.快速得出数组中的最大值或者最小值

let arr = [1,2,3,4,5]
console.log(Math.max(...arr)) //最大值为5
console.log(Math.min(...arr)) //最小值为1

3.快速创建带有范围的数组

//例如创建10-100的数组,即[10...100]
console.log([...Array(101).keys()].slice(10,))
//生成结果如下
/*[10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84, 85, 86, 87, 88, 89, 90, 91, 92, 93, 94, 95, 96, 97, 98, 99, 100]*/

4.快速得到某年某月某日有多少天

//比如想知道2016年2月多有少天
console.log(new Date(2016,2,0).getDate()) //可知2016年2月有29天

5.快速多数列融合

let a = [1,2,3,4,5]
let b = [6,7,8,9,10]
console.log([...a,...b]) //新的数组是[1,2,3,4,5,6,7,8,9,10]

6.容错机制

//类似于python的try...except
try {
  return 2/0
}
catch (exception_var) {
  return "0不能做除数"
}
finally {
  return "你做到了"
}

7.数组排序多条件

//比如把一个数组先按照数字的长短再按照数字的大小排序,即先长度长的在前,长度短的在后,然后再按正常大小正序排序
let arr = [123,2211,1,44,333,222,444,444444]
console.log(arr.sort((x,y)=>String(y).length-String(x).length || x-y)) //结果是[444444, 2211, 123, 222, 333, 444, 44, 1]

8.if...else if...else写在一行

//格式如下
a>b ? b : c<b ? c : a

9.用for...loop遍历数组或者Object

//常见的for循环如下
for(let i=0; i<arr.length; i++){
  //do somethings
}

//我们可以这样简写

for(let i of arr){
  //do somethings
}

//如果是Object的话...
const person = { name: "Shoaib", Age: 25, Gender: "Male" };
for (const property in person) {
  console.log(`${property}: ${person[property]}`);
}

10.在数组的map中以条件函数遍历

var arr = [1,2,3,4,5]
console.log(arr.map(x=>x>2 ? 1 : -1)) //可以得到这样的结果[-1,-1,1,1,1]

Okay,愉快的时光总是过得那么短暂,10个有用的js片段就这样讲完了,如果你觉得还有更好的代码片段,可以在留言中分享哦。

另外,还有一个有关console.log的高级用法,试举一例:

let c = console.log.bind(document)
c('This is JavaScript')
c(true)
c(234)

这样使用会让人觉得你是使用Javascript的高手。

分享至:
  • 我的微信
  • 微信扫一扫加好友
  • weinxin
  • 我的微信公众号
  • 扫描关注公众号
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: