1、Number
(1)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Java Script</title> <script type="text/javascript"> function test() { var String1 = "nihao"; alert(typeof String1); } </script> </head> <body bgcolor="aquamarine"> <center> <button οnclick="test()">点击这里</button> </center> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Java Script</title> <script type="text/javascript"> function welcome() { console.log(0.01+0.09) } </script> </head> <body οnlοad="welcome()" bgcolor="aquamarine"> <center> <h1>你好</h1> </center> </body> </html>
和java相似,浮点数相加会存在不精确的问题。
判断是否为数字,是数字返回false,不是返回true:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Java Script</title> <script type="text/javascript"> function welcome() { console.log(isNaN("as")); } </script> </head> <body οnlοad="welcome()" bgcolor="aquamarine"> <center> <h1>你好</h1> </center> </body> </html>
(2) 函数的运用:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Java Script</title> <script type="text/javascript"> function test() { alert(Math.cos(Math.PI)); } </script> </head> <body bgcolor="aquamarine"> <center> <button οnclick="test()">点击这里</button> </center> </body> </html>
2、字符串型
(1)类型检测:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Java Script</title> <script type="text/javascript"> function test() { var String1="nihao"; alert(typeof String1); } </script> </head> <body bgcolor="aquamarine"> <center> <button οnclick="test()">点击这里</button> </center> </body> </html>
(2)与java类似在字符串中“+”具有连接作用:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Java Script</title> <script type="text/javascript"> function test() { var String1="nihao"+"Tom"; alert(String1); } </script> </head> <body bgcolor="aquamarine"> <center> <button οnclick="test()">点击这里</button> </center> </body> </html>
(3)基本函数的使用:
length属性:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Java Script</title> <script type="text/javascript"> function test() { var String1="nihao"; alert(String1.length); } </script> </head> <body bgcolor="aquamarine"> <center> <button οnclick="test()">点击这里</button> </center> </body> </html>
获取字符串中的某个字符:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Java Script</title> <script type="text/javascript"> function test() { var String1="nihao"; alert(String1.charAt(1)); } </script> </head> <body bgcolor="aquamarine"> <center> <button οnclick="test()">点击这里</button> </center> </body> </html>
3、布尔型
类型测试:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Java Script</title> <script type="text/javascript"> function test() { var String1=true; alert(typeof String1); } </script> </head> <body bgcolor="aquamarine"> <center> <button οnclick="test()">点击这里</button> </center> </body> </html>
4、undefined类型
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Java Script</title> <script type="text/javascript"> function test() { var String1; alert(typeof String1); } </script> </head> <body bgcolor="aquamarine"> <center> <button οnclick="test()">点击这里</button> </center> </body> </html>
即定义了但未赋值。
(5)null类型
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Java Script</title> <script type="text/javascript"> function test() { num=null; alert(typeof(num)); } </script> </head> <body bgcolor="aquamarine"> <center> <button οnclick="test()">点击这里</button> </center> </body> </html>
访问的对象不存在(未声明)。
6、数据类型间的转换
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Java Script</title> <script type="text/javascript"> function welcome() { var num1=23; var num2=12n; var num3=1; console.log(parseFloat(num1)); console.log(parseInt(num2)); console.log(num3.toString()); } </script> </head> <body οnlοad="welcome()" bgcolor="aquamarine"> <center> <h1>你好</h1> </center> </body> </html>