JS 基础学习:数据类型/类型转换/操作符
2019-03-26 本文已影响0人
Merbng
数据类型
js中数据类型：
number、string、boolean、null、undefined
变量声明了没有赋值，结果是undefined
函数没有明确返回值，如果接受了，结果也是undefined
如果一个变量的结果是undefined和一个数字进行计算，结果:NaN 不是一个数字，也没有意义
如何获取这个变量的数据类型：
typeof 变量名
typeof(变量名)
<script>
var num = 10;
var str = "问问";
var flag = true;
var nll = null;
var undef;
var obj = new Object();
console.log(typeof num)
console.log(typeof str)
console.log(typeof flag)
console.log(typeof nll)
console.log(typeof undef)
console.log(typeof obj)
/*输出结果：
number
string
boolean
object
undefined
object */
console.log(typeof(num))
console.log(typeof(str))
console.log("10")
console.log(10)
console.log(Number.MAX_VALUE)
console.log(Number.MIN_VALUE)
// 不要去用小数验证小数,
var x = 0.2;
var y = 0.3;
var sum = x + y;
console.log(sum == 0.3)
// 不要用NaN去验证 是不是NaN
var num;
console.log(num + 10 == NaN)
// 如何验证这个结果是不是NaN 使用:isNaN()
var num11;
console.log(isNaN(num11))
</script>
类型转换
<script>
// parseInt 转整数
console.log(parseInt("10")); //10
console.log(parseInt("10a")); //10
console.log(parseInt("g10")) //NaN
console.log(parseInt("10.99")); //10
console.log(parseInt("10.98gggs")); //10
console.log("-------")
// parseFloat()转小数
console.log(parseFloat("10.0")); //10
console.log(parseFloat(10)); //10
console.log(parseFloat(10.2)); //10.2
console.log(parseFloat("10a")); //10
console.log(parseFloat("g10")) //NaN
console.log(parseFloat("g10.99")); //NaN
console.log(parseFloat("10.98gggs")); //10.98
// Number()转数字
console.log("----------")
console.log(Number("10.0")); //10
console.log(Number(10)); //10
console.log(Number(10.2)); //10.2
console.log(Number("10a")); //NaN
console.log(Number("g10")) //NaN
console.log(Number("g10.99")); //NaN
console.log(Number("10.98gggs")); //NaN
</script>
// 其他类型转字符串类型
// 1. .toString();
// 2. String();
// 如果变量有意义调用.toString();
// 如果变量没有意义,使用String()转换
操作符
// ++ 和 --
// 如果++在后面:如num++ +10 参与运算
// 先参与运算,运算结束后自身再加1
// 如果++在前面. 先自身加1 再参与运算
<script>
// ++ 和 --
// 如果++在后面:如num++ +10 参与运算
// 先参与运算,运算结束后自身再加1
// 如果++在前面. 先自身加1 再参与运算
var num =10 ;
var sum = num++ +10;
console.log(sum);//20
console.log(num);//
</script>
- 练习
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script type="text/javascript">
document.write("<table border='1' cellpadding='0' cellspacing=0'>'");
for (var i = 1; i <= 9; i++) { //控制行数
document.write("<tr>")
for (var j = 1; j <= i; j++) {
document.write("<td>")
document.write(i + "*" + j + "=" + i * j)
document.write("</td>")
}
document.write("</tr>")
}
document.write("</table>")
</script>
</body>
</html>
