Number的方法

number : 数字 正数 负数 0 NaN 小数;
NaN : not a number; 不是一个数字,但是属于数字类型的;

1.typeof :检测当前的数据类型的;

首先返回一个字符串,字符串中包 含当前值所对应的数据类型;
只能检测基本数据类型,不能区分对象数据类型下具体的对象数组正则;
console.log(typeof 1);// "number"
console.log(typeof "1");// "string"
console.log(typeof true);// "boolean"
console.log(typeof null);// "object"
console.log(typeof undefined);// "undefined"
console.log(typeof {});//"object"
console.log(typeof []);//"object"
console.log(typeof /\d/);//"object"
console.log(typeof function(){});//"function"

2.isNaN : 强制转换成number,在判断

isNaN 这个方法执行时,会先把要校验的值强制转换成number类型的;然后再进行判断;
如果当前是一个有效的数字,那么返回false;
如果不是一个有效的数字,返回结果true;
console.log(isNaN(17));//false
console.log(isNaN(1));//false
console.log(isNaN(NaN));//true
console.log(isNaN("1px"));//true
console.log(isNaN("1"));//false

3.Number :将其他数据类型的值强制转换成number类型;

要把其他数据类型转换成number时,首先会调用toString;
console.log(Number("1px"));//NaN
console.log(Number("1"));//
console.log(Number({}));//NaN
console.log(Number(null));//
console.log(Number(undefined));// NaN
console.log(Number([]));//
console.log(Number(""));//
console.log(Number(true));//
console.log(Number(false));//

4.parseInt :经常用于字符串提取数字的方法;

把字符串中从左到右依次识别,直到遇到一个非有效数字,停止,把找到的数字返回;
如果第一个字符是非有效数字,那么直接返回NaN;
console.log(parseInt("12px12"));//
console.log(parseInt("12.666.777px12"));//
console.log(parseInt("px12.666px12"));// NaN
console.log(parseInt(""));// NaN
console.log(parseInt(true));// NaN
console.log(parseInt({}));// NaN
console.log(parseInt([]));// NaN
console.log(parseInt(null));// NaN
console.log(parseInt(undefined));// NaN

5.parseFloat:和parseInt 用法一样;区别是多识别一位小数点

console.log(parseFloat("12.666.7777px12"));//12.666

6.toFixed : 保留小数点位数的方法;返回值是一个字符串;

var num = 4.5;
console.log(4.56.toFixed(2));
console.log(num.toFixed(0));

有参数就是保留几位,没有参数默认取整

JavaScript基础知识(Number的方法)的更多相关文章

  1. Javascript基础知识总结一

    Javascript基础知识总结一 <!DOCTYPE html> <html> <head lang="en"> <meta chars ...

  2. 学习javascript基础知识系列第二节 - this用法

    通过一段代码学习javascript基础知识系列 第二节 - this用法 this是面向对象语言中的一个重要概念,在JAVA,C#等大型语言中,this固定指向运行时的当前对象.但是在javascr ...

  3. 学习javascript基础知识系列第三节 - ()()用法

    总目录:通过一段代码学习javascript基础知识系列 注意: 为了便于执行和演示,建议使用chrome浏览器,按F12,然后按Esc(或手动选择)打开console,在console进行执行和演示 ...

  4. JavaScript 基础知识 - BOM篇

    前言 本篇文章是JavaScript基础知识的BOM篇,如果前面的<JavaScript基础知识-DOM篇>看完了,现在就可以学习BOM了. 注意: 所有的案例都在这里链接: 提取密码密码 ...

  5. (转)JAVA AJAX教程第二章-JAVASCRIPT基础知识

    开篇:JAVASCRIPT是AJAX技术中不可或缺的一部分,所以想学好AJAX以及现在流行的AJAX框架,学好JAVASCRIPT是最重要的.这章我给大家整理了一些JAVASCRIPT的基础知识.常用 ...

  6. JavaScript基础知识整理

    只整理基础知识中关键技术,旨在系统性的学习和备忘. 1.在 JScript 中 null 和 undefined 的主要区别是 null 的操作象数字 0,而 undefined 的操作象特殊值NaN ...

  7. JavaScript基础知识从浅入深理解(一)

    JavaScript的简介 javascript是一门动态弱类型的解释型编程语言,增强页面动态效果,实现页面与用户之间的实时动态的交互. javascript是由三部分组成:ECMAScript.DO ...

  8. JavaScript基础知识梳理,你能回答几道题?

    在学习JavaScript的时候,总是这里学一点,那里学一点,很的很零星,很杂,没有很系统的去学习,感觉好像JavaScript的知识点都了解了,但是真正要说起来,又不知道从何说起! 最深刻的体会就是 ...

  9. JavaScript基础知识笔记

    做前端几年了,一直疏于整理归纳,所以这两天把基础看了一遍,加上使用经验,整理了基础知识中关键技术,旨在系统性的学习和备忘.如果发现错误,请留言提示,谢谢! 重要说明:本文只列举基础知识点,中级和高级内 ...

随机推荐

  1. 机器学习中Batch Size、Iteration和Epoch的概念

    Batch Size:批尺寸.机器学习中参数更新的方法有三种: (1)Batch Gradient Descent,批梯度下降,遍历全部数据集计算一次损失函数,进行一次参数更新,这样得到的方向能够更加 ...

  2. 关于Django Ajax CSRF 认证

    CSRF(Cross-site request forgery跨站请求伪造,也被称为“one click attack”或者session riding,通常缩写为CSRF或者XSRF,是一种对网站的 ...

  3. 偏离中轴的cos半球积分问题

    问题: 如果N与n重合,则就是普通的cos半球积分,地球人都知道结果是pi. 对于N与n不重合的一般情况,稍微麻烦一些. 解法1(同济高数课本的方法,参考同济高数第六版第二册“曲面积分”一章): 解法 ...

  4. python环境与PyDev IDE配置

    工具eclipse:我目前用是的Eclipse oxygen.历史版本可参考:https://wiki.eclipse.org/Older_Versions_Of_EclipsePython:http ...

  5. SQL Server 2016新特性:Query Store

    使用Query Store监控性能 SQL Server Query Store特性可以让你看到查询计划选择和性能.简化了性能调优,可以快速的发现因为查询计划的选择导致的性能的差别.Query Sto ...

  6. 深入 AngularUI Router

    翻译:深入 AngularUI Router 原文地址:http://www.ng-newsletter.com/posts/angular-ui-router.html ui-router: htt ...

  7. 程序猿必备的8款web前端开发插件三

    1.HTML5 Canvas 3D波浪翻滚动画 之前我们分享过好几款基于HTML5 Canvas的波浪和水波纹动画,比如这款HTML5 3D波浪起伏动画特效和这款超酷无比的HTML5 WebGL水面水 ...

  8. XSS测试代码

    无script的Xss <img/src=# onerror=alert('XSS')> HTML5  XSS测试代码 <video> <source onerror=” ...

  9. Spring钩子方法和钩子接口的使用详解

    本文转自:http://www.sohu.com/a/166804449_714863 前言 SpringFramework其实具有很高的扩展性,只是很少人喜欢挖掘那些扩展点,而且官方的Refrenc ...

  10. node-sass 安装失败 Failed at the node-sass@4.9.2 postinstall script的解决

    控制台运行npm install时报错,报错信息如下: npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! node-sass@4.9.2 postins ...