「查缺补漏」一些Javascript的小技巧笔记

​[[343816]]​​

发展壮大离不开广大客户长期以来的信赖与支持，我们将始终秉承“诚信为本、服务至上”的服务理念，坚持“二合一”的优良服务模式，真诚服务每家企业，认真做好每个细节，不断完善自我，成就企业，实现共赢。行业涉及成都砂岩浮雕等，在重庆网站建设公司、成都全网营销、WAP手机网站、VI设计、软件开发等项目上具有丰富的设计经验。

 前言

这篇文章的话，分享一些最近使用React开发项目时，用到的小技巧,其实也算是JavaScript中的一些技巧吧，内容主要有一下几点

产生随机不重复id

快速取整数

合理布局样式

字符串xml的转换

特殊字符串的排序

获取数组的最大最小值

在条件中使用逻辑与或

快速取整数

在JavaScript中去整数的话，最常见的是Math.round()进行四舍五入，Math.floor()以及Math.ceil()等方法取整数。接下来还有一种去整数的方法

const num = Math.random() * 100 console.log(num)   // 随机数字 console.log(~~num) // 取得整數的部分 

这样子，也是一种很方便，而且很容易记住的方法来获取整数。

是不是get一个小技巧呢????

获取数组的最大最小值

这是最近遇到的一个小问题，当然了，求解这个问题不是难点，我觉得这是一个小技巧，所以就分享出来

const numbers = [1, 2, 3, 99, 4, 4, -1]; const maxNumber = Math.max.apply(Math, numbers); const minNumber = Math.min.apply(Math, numbers); 

特殊字符串的排序

最近在排序字母的时候，遇到一点小问题，这次把它给分享出来

使用的是「localeCompare」这个函数，那它的返回值是哪些

首先，它返回一个数字表示是否 「引用字符串」 在排序中位于 「比较字符串」 的前面，后面，或者二者相同。

这个返回值有三个

当 「引用字符串」 在 「比较字符串」 前面时返回 -1

当 「引用字符串」 在 「比较字符串」 后面时返回 1

相同位置时返回 0

举个例子

'a'.localeCompare('c') // 返回的值是 -1 'check'.localeCompare('against')  // 返回的值是 1  'a'.localeCompare('a') // 返回的值是 0 

掌握了基本的使用方法，排序数组就很简单了

const strList = ['a','d','f','h','e'] strList.sort((a, b) => a.localeCompare(b)) console.log(strList)  // ["a", "d", "e", "f", "h"] 

是不是get一个小技巧呢

在条件中使用逻辑与或

最近项目中，学会得一个小技巧，就是逻辑与或去渲染对应的场景，通过state中的isRight来更新答错答错的效果。

render() {     const {         _gameContainer,         _optionStyle,         _mode,         state: {             isRight         }     } = this     let style = {}          return (                      { _mode === MODE.NORMAL && this._renderFourOptionsBg()}             {/* 正确错误,提示的效果显示 */}             {isRight && this._renderCorrectBg()}