目录
- 其他的进制的数字
- 将其他的数字类型转换为Boolean值
- 运算符
- 算术运算符
其他的进制的数字
在JS中,
1· 如果需要表示16进制的数字,则需要以0x开头
2· 如果需要表示8进制的数字,则需要以0开头
3· 如果需要表示2进制的数字,则需要以0b开头
但是不是所有的浏览器都支持
IE不支持,火狐和谷歌支持
<!-- 16进制数字 -->
<script>
a = 0x10;
console.log(a); // 返回:16
</script>
<script>
a = 0xff;
console.log(a); // 返回:255
</script>
<!-- 8进制数字 -->
<script>
a = 070;
console.log(a); // 返回:56
</script>
<!-- 2进制数字 -->
<script>
a = 0b10;
console.log(a); // 返回:2
</script>
<!-- 像这种070这样字符串,有些浏览器会当成8进制解析,有些会当成10进制解析 -->
<script>
a = "070";
console.log(typeof a); // 返回:string
console.log(a); // 返回:070
</script>
<script>
a = "070";
a = parseInt(a);
console.log(typeof a); // 返回:number
console.log(a); // 返回:70
</script>
<script>
a = "070";
a = parseInt(a,10); // 这样写就会当成十进制来解析
console.log(typeof a);
console.log(a); // 返回:70
// 可以在parseInt()中传递一个第二个参数,来指定数字的进制
</script>
<script>
a = "070";
a = parseInt(a,8); // 这样写就会当成八进制来解析
console.log(typeof a);
console.log(a); // 返回:56
// 可以在parseInt()中传递一个第二个参数,来指定数字的进制
</script>
将其他的数字类型转换为Boolean值
- 使用Boolean()函数
- 数字 ---> Boolean()函数
- 除了0和NaN,其余的都是 true
- 字符串 ---> Boolean()函数
- 除了空串,其余的都是 true
- null 和 undefined 都会转换为 false
- 对象也会转换为 true
<script>
var a = 123;
console.log(typeof a); // 返回:number
console.log(a); //返回:123
</script>
调用Boolean()函数来将一个a转换为布尔值
<script>
var a = 123;
a = Boolean(a);
console.log(typeof a); // 返回:boolean
console.log(a); //返回:true
</script>
<script>
var a = -123;
a = Boolean(a);
console.log(typeof a); // 返回:boolean
console.log(a); //返回:true
</script>
<script>
var a = 0;
a = Boolean(a);
console.log(typeof a); // 返回:boolean
console.log(a); //返回:false
</script>
<script>
var a = Infinity;
a = Boolean(a);
console.log(typeof a); // 返回:boolean
console.log(a); //返回:true
</script>
<script>
var a = NaN;
a = Boolean(a);
console.log(typeof a); // 返回:boolean
console.log(a); //返回:false
</script>
<script>
var a = "false";
a = Boolean(a);
console.log(typeof a); // 返回:boolean
console.log(a); //返回:true
</script>
<script>
var a = ""; // 引号里没有加空格
a = Boolean(a);
console.log(typeof a); // 返回:boolean
console.log(a); //返回:false
</script>
<script>
var a = null; // 引号里加了空格
a = Boolean(a);
console.log(typeof a); // 返回:boolean
console.log(a); //返回:true
</script>
<script>
var a = null;
console.log(typeof a); // 返回:object
console.log(a); //返回:null
</script>
<script>
var a = null;
a = Boolean(a);
console.log(typeof a); // 返回:boolean
console.log(a); //返回:false
</script>
<script>
var a = undefined;
console.log(typeof a); // 返回:undefined
console.log(a); //返回:undefined
</script>
<script>
var a = null;
a = Boolean(a);
console.log(typeof a); // 返回:boolean
console.log(a); //返回:false
</script>
运算符
运算符也叫操作符
通过运算符可以对一个或多个值进行运算,并获取运算结果
比如: typeof就是一个运算符,可以用来获得一个值的类型
它会将该指的类型以字符串的形式返回
number string boolean undefined object
<script>
var a = 123;
var result = typeof a;
console.log(result); // 返回:number
</script>
<script>
var a = 123;
var result = typeof a;
console.log(typeof result); // 返回:string
</script>
算术运算符
当对非number类型的值进行运算时,会将这些值转换为number,然后再运算。
任何值和NaN做运算都得NaN
+
+ 可以对两个值进行加法运算,并将结果返回
会将两个字符串拼接为一个字符串,并返回、
任何的值和字符串做加法运算,都会先转换为字符串,然后再和字符串做拼串的操作
-
- 可以对两个值进行减法运算,并将结果返回
*
* 可以对两个值进行乘法运算
/
/ 可以对两个值进行除法运算
%
% 取模运算(取余数)
<script>
var a = 123;
a + 1;
console.log(a); //返回:123
</script>
<script>
var a = 123;
result = a + 1;
console.log(result); //返回:124
</script>
<script>
var a = 123;
a = a + 1;
console.log(a); //返回:124
</script>
<script>
var a = 123;
result = true + 1; // 把true当成1算了
console.log(result); //返回:2
</script>
<script>
var a = 123;
result = true + false; // 把true当成1算,false为0
console.log(result); //返回:1
</script>
<script>
var a = 123;
result = 2 + null; // null 为空值,表示数字为0
console.log(result); //返回:2
</script>
<script>
var a = 123;
result = 2 + NaN;
console.log(result); //返回:NaN
</script>
<script>
var a = 123;
result = "你好" + "大帅哥";
console.log(result); //返回:"你好大帅哥"
</script>
<script>
var str = "锄禾日当午,汗滴禾下土,谁知盘中餐,粒粒皆辛苦";
result = "你好" + "大帅哥";
console.log(str); //返回:"锄禾日当午,汗滴禾下土,谁知盘中餐,粒粒皆辛苦"
</script>
<script>
var str = "锄禾日当午,"+
"汗滴禾下土,"+
"谁知盘中餐,"+
"粒粒皆辛苦";
result = "你好" + "大帅哥";
console.log(str); //返回:"锄禾日当午,汗滴禾下土,谁知盘中餐,粒粒皆辛苦"
// 加号 + 是可以换行的
</script>
<script>
var str = 123;
result = 123 + "1";
console.log(result); //返回:"1231"
</script>
<script>
var str = 123;
result = true + "hello";
console.log(result); //返回:"truehello"
</script>
<script>
var c = 123;
console.log(typeof c); //返回:number
console.log(c); //返回:123
</script>
<script>
var c = 123;
c = c + "",
console.log(typeof c); //返回:string
console.log(c); //返回:123
// 我们可以利用这一特点,来将任意的数据类型转换为String,
// 我们只需要为任意的数据+ 一个“”即可以将其转换为String
// 这是一种隐式的类型转换,由浏览器自动完成,实际上它也是调用String
</script>
<script>
var c = 123;
result = 100 - "1"; // 这里的字符串1会转换成number 1
console.log(typeof resultc); //返回:number
console.log(result); //返回:99
</script>
<script>
var c = 123;
result = 2 * 2;
console.log(typeof result); //返回:number
console.log(result); //返回:4
</script>
<script>
var c = 123;
result = 2 * "8";
console.log(typeof result); //返回:number
console.log(result); //返回:16
</script>
<script>
var c = 123;
result = 2 * undefined;
console.log(typeof result); //返回:number
console.log(result); //返回:NaN
</script>
<script>
var c = 123;
result = 2 * null;
console.log(typeof result); //返回:number
console.log(result); //返回:0
</script>
<script>
var c = 123;
result = 4 / 2;
console.log(typeof result); //返回:number
console.log(result); //返回:2
</script>
<script>
var d = "123";
console.log(typeof d); // 返回:string
console.log(d); // 返回:123
</script>
<script>
var d = "123";
d = Number(d); // 转为Number
console.log(typeof d); // 返回:number
console.log(d); // 返回:123
</script>
<script>
var d = "123";
d = d - 1 + 1;
console.log(typeof d); // 返回:number
console.log(d); // 返回 123
</script>
<script>
var d = "123";
d = d - 0; // 可以转换为数字不需要用number
console.log(typeof d); // 返回:number
console.log(d); // 返回 123
</script>
<script>
var d = "123";
d = d - 0;
result = 9 % 3; //取余数
console.log(typeof result); // 返回:number
console.log(result); // 返回:0
</script>
<script>
var d = "123";
d = d - 0;
result = 9 % 4; //得2 余数是1
console.log(typeof result); // 返回:number
console.log(result); // 返回:1
</script>
<script>
var d = "123";
d = d - 0;
result = 9 % 5; //得1 余数是4
console.log(typeof result); // 返回:number
console.log(result); // 返回:4
</script>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)