JavaScript 中常用简写技巧总结（3）_js math.floor的简写-优快云博客

指数运算符（用的不多）

你 Math.pow() 习惯把一个数字提高到一个幂吗？你知道你也可以使用 ** 运算符吗？

虽然可以简写，不过我还是建议写成 Math.pow() 方法，代码更有语义化。

注意：**运算符要求操作数为数值类型，不过在js里也能正常运行。

	Math.pow(2, 3); // 输出: 8 
	2 ** 3; // 输出: 8 
	
	Math.pow(4, 0.5); // 输出: 2 
	4 ** 0.5; // 输出: 2 
	
	Math.pow(3, -2); // 输出: 0.1111111111111111 
	3 ** -2; // 输出: 0.1111111111111111 
	
	Math.pow('2', '3'); // 输出: 8 (参数被自动转换为数字) 
	'2' ** '3'; // js中输出: 8，其他语言可能报错

Math.floor() 简写（用的不多）

向下取整 Math.floor() 并不是什么新鲜事。但是你知道你也可以使用 ~~ 运算符吗？
同上虽然可以简写，不过我还是建议写成 Math.floor() 方法，代码更有语义化。

注意：对于正数而言两者都是直接去掉小数位，但对于负数来说 Math.floor() 是向下取整， ~~ 依然是只去掉小数位，整数位不变。请看下面输出结果：

	Math.floor(3.14); // 输出: 3 
	Math.floor(5.7); // 输出: 5 
	Math.floor(-2.5); // 输出: -3 
	Math.floor(10); // 输出: 10
	
	~~3.14; // 输出: 3 
	~~5.7; // 输出: 5 
	~~(-2.5); // 输出: -2 
	~~10; // 输出: 10

逗号运算符(,)

逗号（ , ）运算符对它的每个操作数从左到右求值，并返回最后一个操作数的值。这让你可以创建一个复合表达式，其中多个表达式被评估，复合表达式的最终值是其成员表达式中最右边的值。这通常用于为 for 循环提供多个参数。

这里只说一下函数return的时候用逗号运算符简化代码的技巧，其他用法请直接点击查看官方文档。
举一个简单的例子：

	// 简化前
	const result = arr => {
	  arr.push('a')
	  return arr
	}
	console.log(result([1,2])) // 输出：[1, 2, 'a']

这段代码需要返回修改后的数组，不能直接return arr.push(‘a’)，因为push的返回值是修改后数组的长度，这时候可以用逗号运算符简化成一行代码。

	// 简化后
	const result = arr => (arr.push('a'), arr)
	console.log(result([1,2])) // 输出：[1, 2, 'a']

Array.map()的简写

比如想要拿到接口返回的特定字段的值，可以用解构赋值和对象的简写方法对map方法简写，详细解释请移步js map方法应用场景处理对象数组。

比如接口返回数据，此时如果只想要数据里的 id 和 nam e，就可以用下面的简写方式。

	// 接口返回数据
	res = [{
	  id: 1,
	  name: 'zhangsan',
	  age: 16,
	  gender: 0
	}, {
	  id: 2,
	  name: 'lisi',
	  age: 20,
	  gender: 1
	}]
	
	// 第一种方法：箭头函数、 解构赋值
	const data = res.map(({id, name}) => ({id, name}))
	// 第二种方法：箭头函数、返回对象（相对更容易理解）
	const data = res.map(v => ({id: v.id, name: v.name}))