js小白操作:判断空值、判断数组最大最小值、判断map为空的情况、字符串转int

  • Js基础操作
  • 一、判断空值 undefined 和 null
  • 二、判断map是否为空
  • 三、取数组最大最小值
    • 1.使用 Math 中的 max/min 方法
    • 2.使用ES6的扩展运算符
  • 四、字符串转数字
    • 1.采用 parseInt()方法
    • 2.强制转换
  • 五、取float型小数点后两位数
  • 六、判断数组中是否包含某个对象
  • 总结

Js基础操作

项目要求开发一个微信小程序,我负责前端工作,这才开始真正接触前端语言。目前小程序已完成,决定从头梳理一些前端内容。本篇就从js语言基础的小trick开始~。


一、判断空值 undefined 和 null

js中使用typeof判断值的类型。

判断数据类型是否为undefined:

判断undefine时需要加上引号

var exp = undefined;
if (typeof(exp) === "undefined")
{console.log("undefined");
}
// typeof后可以不跟括号

判断数据类型是否为null:
使用非其他类型来判断:

var exp = null;
if (!exp && typeof(exp)!==”undefined” && exp!==0)
{ console.log(“is null”);
}

直接判断:

var exp = null;
if (exp === null)
{console.log("is null");
}

二、判断map是否为空

直接使用长度来判断,数组同理:

let map = {};
Object.keys(map).length === 0

三、取数组最大最小值

1.使用 Math 中的 max/min 方法

可以使用apply来实现。apply传入的是数组。

var arr = [22,13,6,55,30];
var max = Math.max.apply(null, arr);
var min = Math.min.apply(null, arr);
console.log(max, min) // 55,6

2.使用ES6的扩展运算符

var arr = [22,13,6,55,30];
console.log(Math.max(...arr));// 55

四、字符串转数字

1.采用 parseInt()方法

字符串可以采用 parseInt()方法来转换为数字。

string_type_number = "1"
console.log(typeof string_type_number) // string
int_type_number = parseInt(string_type_number)
console.log(typeof int_type_number) // number

2.强制转换

也可采用的用字符串乘以数字1来强制转换。

int_type_number = int_type_number * 1

注:使用此方法即使空字符串也会输出0

console.log(""*1) // 0

五、取float型小数点后两位数

想要四舍五入取float型数值的小数点后两位数,直接使用toFixed()函数即可。

// 我的使用场景:knowledgeMap[knows[i]]是float类型的小数,我需要转为百分比
// knowledgeMap[knows[i]]:0.0723458943(knowledgeMap[knows[i]] * 100).toFixed(2) + "%" // 7.23%

此方法会出现js精度丢失等问题,对精度要求严格的小伙伴直接使用toFixed会出现问题

六、判断数组中是否包含某个对象

// 不存在返回-1,存在返回该元素在数组中的位置索引
let index = JSON.stringify(object).indexOf(JSON.stringify(obj1))

总结

以上几种都是很基本的js操作,但因为我是js小白,在做项目的时候有些细节还是不太明白,就总结了一下我卡壳的地方。希望对同是小白的朋友有所帮助~

js小白操作:判断空值、判断数组最大最小值、判断map是否为空、字符串转int、取float型小数点后两位数、判断数组中是否包含某个对象相关推荐

  1. Js取float型小数点后两位数的方法

    转自:http://www.jb51.net/article/45884.htm 以下我们将为大家介绍 JavaScript 保留两位小数的实现方法: 四舍五入 以下处理结果会四舍五入: ? 1 2 ...

  2. 微信小程序之js 字符串转换成数字的三种方法, 取float型小数点后两位数的方法

    在js读取文本框或者其它表单数据的时候获得的值是字符串类型的,例如两个文本框a和b,如果获得a的value值为11,b的value值为9 ,那么a.value要小于b.value,因为他们都是字符串形 ...

  3. js取小数点后两位数的方法

    四舍五入以下处理结果会四舍五入:toFixed( ) var num =2.446242342; num = num.toFixed(2); // 输出结果为 2.45 不四舍五入以下处理结果不会四舍 ...

  4. 前端保留两位有效数字_用js取小数点后两位的一些方法

    用js取小数点后两位的一些方法,了解下? Javascript取float型小数点后两位,例22.123456取成22.12,如何做? 1.通过substring截取.function getnum( ...

  5. js中如何截取小数点后两位数字

    用Javascript取float型小数点后两位,例22.127456取成22.13,如何做? 1. 最笨的办法. 1 function  get() 2 { 3    var s = 22.1274 ...

  6. js保留小数点后两位(js 小数点后两位)

    javascript中保留小数点后两位,第三位数字大于1时则进1 function fixN(t,l){ var n=t.toString().split('.')[1][l]; if(n>0& ...

  7. numpy 数组 保留小数点后两位小数

    numpy 数组 保留小数点后两位小数 a1 = np.random.rand(6).reshape(2,3) print(a1) [[0.64382693 0.73840787 0.77315906 ...

  8. html 正则表达式验证金额,js金额校验,js正则表达式,包含正负,小数点后两位...

    js金额校验,js正则表达式,包含正负,小数点后两位,js代码如下: function isMoney(s) { //金额 只允许正数 //var exp = /(^[1-9]([0-9]+)?(\. ...

  9. 使用js,对数值保留小数点后两位的处理(两种情况)

    Html部分: <div class="text primary-text"><span>合计:</span><span class=&q ...

最新文章

  1. 酒店用机器学习,预测哪些客人会放鸽子
  2. Windows安装Pytorch/torchvision
  3. IDEA 打可执行jar包(maven项目)
  4. Java安全管理器――SecurityManager
  5. POJ 2253 Frogger(最短路Floyd)题解
  6. SparkStreaming运行出现 java.lang.NoClassDefFoundError: org/apache/htrace/Trace 错误
  7. 得到当前堆栈信息的两种方式(Thread和Throwable)的方法
  8. Why you have so few friends?
  9. 作者:姚前(1970-),男,中国人民银行科技司教授级高级工程师
  10. 【算法学习】双调欧几里得旅行商问题(动态规划)
  11. 一文学会Python标准库struct序列化与反序列化
  12. python 对象(一分钟读懂)03
  13. 最新伯乐PHP个人在线自动发卡网源码V3.1
  14. 如何处理地下管线数据
  15. ros软路由防火墙(双线路、日志配置)
  16. requestLayout() improperly called by
  17. AP计算机科学笔记,AP想5分,不看过来人的笔记怎么行?
  18. 用计算机的坏处反方,电脑的坏处辩论会
  19. Python 中 Logging 模块使用详情
  20. PyQt5——pyqtgraph绘图大招

热门文章

  1. 小程序2个页面如何接传值
  2. 06.AOV网和图的拓扑排序
  3. BaiduMap---百度地图官方Demo之路径规划功能(介绍公交,驾车和步行三种线路规划方法和自设路线方法)
  4. 顶级专家谈中国脑科学研究最新成果
  5. 【Unity3D】世界坐标与屏幕坐标
  6. 外文试卷看不懂?在线翻译器拍照了解一下
  7. mac 好用的类似Xshell工具
  8. Unity3d 导入的图像尺寸失真解决方法
  9. ZBLOG 翻译插件
  10. Gallery的简单功能和用法(画廊视图)