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;
提示:文章长期更新…