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

摘要

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

开篇寄语

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

前情提要

• 《学会这10个Python代码片段能让人觉得你是高手》

内容详情

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的高手。