js实战小技巧汇总

js实战小技巧汇总

记录实战开发中使用到的js技巧

---

一、字符串、数字

1、判断字符串（数字）有几位小数

代码如下（示例）：

let x = String(value).indexOf('.')+1//小数点的位置
let y = String(value).length - x   //有几位小数

2、限制input只能输入数字

代码如下（react）：

changeEvent=(e)=>{
    
    
    let value = e.target.value.replace(/[^\d]/, '')
    this.setState({
    
     checkCode: value })
}
 <input value={
    
    this.state.checkCode}
 	    onChange={
    
    (e) => this.changeEvent(e)>
</input>
//[^\d]表示所有除了数字以外的字符，/g表示全局匹配，
//.replace(/[^\d.]/g,"")表示将数字以外的字符替换为空

3、数字取整

1、只取整数
parseInt(5/2)　　  // 2，丢弃小数部分,只保留整数部分
2.向上取整
Math.ceil(5/2)　　 // 3,有小数就整数部分加1
3.向下取整
Math.floor(5/2)　　// 2,丢弃小数部分
4.四舍五入
Math.round(5/2)　　// 3，四舍五入

二、数组

1、JS删除数组第一个元素

代码如下（示例）：

arr=['George','John','Thomas']
a = arr.shift() 
//得到=》a='George'  ，arr=['John','Thomas']
//.shift() 方法用于把数组的第一个元素从其中删除，改变了原来的数组，并返回第一个元素的值
//.pop()用法和.shift()一样，把数组最后一个元素从其中删除

---

2、“万金油”splice()的使用

①改变原数组的值，不返回任何值，实现对数组的删除，插入，替换
②第一个参数为起始下标，第二个参数为替换多少个，第三个参数为替换成什么
代码如下（示例）：

插入：
var arr = ['a','b','c','d'];
arr.splice(1,0,'ttt');//第二个参数为0，代表不替换任何值     
//得到=》arr=['a','ttt','b','c','d'] 
替换：
var arr = ['a','b','c','d'];
arr.splice(1,2,'ttt');//第二个参数为2，代表替换掉两个值
console.log(arr);        
//得到=》arr=['a','ttt','c','d'] 
删除：
var arr = ['a','b','c','d'];
arr.splice(1,2);
//arr=['a','d']; 

3、.concat() 连接两个或多个数组

代码如下（示例）：

let a = [1,2,3];
let b = a.concat([4,5])
// 得到=>b=[1,2,3,4,5],不改变a;

提示：文章长期更新…