JS变量和数据类型及其转化
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
// 字面量就是常量,不可变的量
// 变量,用var 声明变量
// JS底层保存标识符实际上采用的是Unicode编码,所以理论上所有utf-8的内容都可以用作标识符
// 也就是中文也可以当做标识符
var 年龄=18;
数据类型是字面量的类型 变量可以为任何类型
JS中有6中类型
基本数据类型:
String
var str="hello world"; //支持转义字符
Number 整数+浮点数
整数运算可以基本保证正确
浮点数运算会存在误差,不要对精确要求比较高的运算
var a=123; 数值
var b ="123"; 字符串
console.log(typeof a); //检查数据类型
console.log(typeof b);
超过最大值,则是Infinity
var c = Infinity; //正无 穷
var d =NaN; //NaN是一个特殊数值, Not a Number
var e = 123+"233";
console.log(typeof Infinity); //Number
console.log(typeof e); //NaN
console.log(Number.MAX_VALUE); 1.797336565e+308 最大正数
console.log(Number.MIN_VALUE); 5e-324 最小正数
Boolean
Null:空对象 object Remember that null means “no value”,
Undefined: 未定义变量,声明了变量但未赋值
引用数据类型:
Object
强制类型转换
1。转换成String
var a=123;
var b =true;
方法1:
var c = a.toString(); //调用Number类型变量a的toSting方法,返回它相应的字符串
var d = b.toString(); //调用boolean类型变量b的toSting方法,返回它相应的字符串
null和undefined没有toString方法
var a = null; var c = a.toString() 会报错
var a = undefined; var c = a.toString() 会报错
方法2:
调用String函数,对Number、Boolean,Undefined,NULL都适用
var c = String(a); //c是字符串类型,a是Number
调用String的底层原理:
对于Number,Boolean底层调用的是toString()
对于Undefined和NUll底层直接将其转成"undefined","null"
方法3:
res = null + ""; "null" 任何值加一个空串即可转换成字符串,底层是String()函数实现
2.转换成Number
方法1:
适用Number()函数
字符串 => 数字
1.字符数字字符串直接转换成数字 "123" => 123
2.非字符数字字符串转换成NaN "22adf" => NaN
3.空串或者空格串转换成 0 " " => 0
Boolean => 0, 1
Null => 0
Undefined => NaN;
方法2:
parseInt() 把一个字符串中有效数字转换为整数,从左至右
parseFloat() 把一个字符串中有效数字转换为浮点数
var a = "123px";
a = parseInt(a); 从头到尾取整数
对于非String类型的数据使用parseInt()操作时,会先把非String字符串,转成字符串再操作,
例如: var a = true;
a = parseInt(a); 此时a的类型是NaN,此句等价于 parseInt("true")
方法3:、
任何值做 - * / 运算都会转成Number,利用这个可以做隐式类型转换
var a = '123'; a = a -0; 此时a就变成数字了,底层原理和Number()函数实现
方法4:
对于非Number值可以使用+将其转换成Number,- 也可以,不过会改变其值
var a = '123'; a = +a; 此时a就变成数字了,底层原理和Number()函数实现
16进制 0x开头
8进制 0开头
2进制 0b开头 某些浏览器不支持
var a = "070"; a = parseInt(a);
某些浏览器会把a解析成8进制数,某些浏览器会把a解析成10进制数
可以在parseInt()加上第二个参数,指定其进制
a = parseInt(a, 8); 所有浏览器都用8进制解析
JavaScript knows
how to convert the string “4” to the
number 4 when it needs to
3、转换成Boolean
调用Boolean()
数字 => 布尔 0和NaN是false,其他数据都是true
var a =123;
a = Boolean(a)
字符串 => 布尔 空串是false,其他非空字符串是true (包含空格串)
null和undefined => false;
object => true
方式二(隐式类型转换):
- 为任意的数据类型做两次非运算,即可将其转换为布尔值
- 例子:
var a = "hello";
a = !!a; //true
</script>
</head>
<body> </body>
</html>
JS变量和数据类型及其转化的更多相关文章
- [js]变量与数据类型篇
一.变量 在JavaScript中就用一个变量名表示变量,变量名是大小写英文.数字.$和_的组合,不能用数字开头.变量名也不能是JavaScript的关键字: 1.变量的声明 (1)var:申明一个变 ...
- JS 变量的数据类型 运算符
JS中变量的类型有:数值型.字符型.布尔型.undefined.null.array.object.function 1.数值型:可以进行算术运算的(加.减.乘.除) 数值型包括:整型(整数)和浮点型 ...
- js变量和数据类型
- JavaScript变量与数据类型
变量 javascript的变量很松散,每个变量初始仅仅用于保存一个占位符而已.定义变量的操作符是 var, var 后面跟着一个标识符--当作变量的名字. 比如: var myname;//定义了一 ...
- JS 01 变量_数据类型_分支循环_数组
点击直通车↓↓↓ 数据类型及数据类型的手动转换 数组 一.概念 JavaScript(JS)是一种基于对象和事件驱动.且可以与HTML标记语言混合使用的脚本语言,其编写的程序可以直接在浏览器中解释执 ...
- 关于JS的数据类型与转化(自动与强制)
在我们谈到JS的数据类型转化时,一定会知道分为自动转化和强制转化两种方式吧,通俗来讲,自动就是在某种条件下,电脑浏览器自己会把其他类型的数据转化为相应的数据类型,而强制则是咋们程序员应该手动来做的了, ...
- JS魔法堂:函数重载 之 获取变量的数据类型
Brief 有时我们需要根据入参的数据类型来决定调用哪个函数实现,就是说所谓的函数重载(function overloading).因为JS没有内置函数重载的特性,正好给机会我们思考和实现一套这样的机 ...
- JS代码放置位置、变量与数据类型、运算符与逻辑表达运算符
内容简要: 1.JS代码放置位置的问题: 2.变量与数据类型: 3.运算符与逻辑表达式的运算符 我的位置 全局问题:为何在网页推荐位置(一般在<head></head>内部 ...
- JS中的变量和数据类型
所谓变量,就是里面存储的数据是可以改变的. 在使用变量之前,我们需要先声明变量.声明变量的关键字有var let const 在ES里面声明变量可以使用var,如下: //var 变量名 var ...
随机推荐
- 【redisson】分布式锁与数据库事务
场景: 用户消耗积分兑换商品. user_point(用户积分): id point 1 2000 point_item(积分商品): id point num 101 200 10 传统的contr ...
- mysql官方源安装的一些问题
今天测试Linux 各个软件源 ,发现mysql 配置官方源之后,yum install -y mysql 安装了 mysql lastst 最新版, 安装完之后,奇葩的是没有提示输入密码, 所 ...
- ACM模板_axiomofchoice
目录 语法 c++ java 动态规划 多重背包 最长不下降子序列 计算几何 向量(结构体) 平面集合基本操作 二维凸包 旋转卡壳 最大空矩形 | 扫描法 平面最近点对 | 分治 最小圆覆盖 | 随机 ...
- 【Java】实验代码整理(多线程、自定义异常、界面)
1.界面+文件输入输出流 package finalExam; import java.awt.BorderLayout; import java.awt.Container; import java ...
- 剑指offer-面试题51-数组中的逆序对-归并排序
/* 题目: 求给定数组的逆序对数. */ /* 思路: 归并排序. */ #include<iostream> #include<cstring> #include<v ...
- P1055 ISBN号码(getline(cin,s); printf("%s",str); )
题目描述 每一本正式出版的图书都有一个 ISBN 号码与之对应,ISBN 码包括 9 位数字.1 位识别码和 3 位分隔符,其规定格式如 x-xxx-xxxxx-x,其中符号 - 就是分隔符(键盘上的 ...
- Verilog-同步FIFO
参考博客:https://blog.csdn.net/hengzo/article/details/49683707 1.基本框图 1)双端口RAM加两个读写指针 2)写数据.写使能.写满:读数据.读 ...
- 解决Mac无法写入U盘问题
注:本文出自博主 Chloneda:个人博客 | 博客园 | Github | Gitee | 知乎 本文源链接:https://www.cnblogs.com/chloneda/p/upan-to- ...
- C# WPF发票打印
微信公众号:Dotnet9,网站:Dotnet9.问题或建议,请网站留言: 如果您觉得Dotnet9对您有帮助,欢迎赞赏 C# WPF发票打印 内容目录 实现效果 业务场景 编码实现 本文参考 源码下 ...
- 在windows系统下,配置vue项目一键启动文件
我的项目由客户端.后台管理.数据库和服务器三部分组件,每次启动项目都要一个一个启动,挺麻烦的,现在写一个.bat文件来批处理命令. 这个是我的启动文件内容. 第一行运行的我wampServer服务器, ...