javaScript 复习 - JavaScript 变量和数据类型 - 案例代码
1. 变量基本使用
<!DOCTYPE html>
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< meta name = " viewport" content = " width=device-width, initial-scale=1.0" >
< meta http-equiv = " X-UA-Compatible" content = " ie=edge" >
< title> Document</ title>
< script>
var age;
age = 18 ;
console. log ( age) ;
var myname = 'xiaolizi' ;
console. log ( myname) ;
</ script>
</ head>
< body>
</ body>
</ html>
2. 变量案例弹出用户名
< script>
var myname = prompt ( '请输入您的名字' ) ;
alert ( myname) ;
</ script>
3. 变量的语法扩展
< script>
var myname = '小李子' ;
console. log ( myname) ;
myname = '迪丽热巴' ;
console. log ( myname) ;
var age = 18 ,
address = '火影村' ,
gz = 2000 ;
var sex;
console. log ( sex) ;
qq = 110 ;
console. log ( qq) ;
</ script>
4. 变量命名规范
< script>
var app = 10 ;
var App = 100 ;
console. log ( app) ;
console. log ( App) ;
console. log ( name) ;
</ script>
5. 交换两个变量值
< script>
var temp;
var apple1 = '青苹果' ;
var apple2 = '红苹果' ;
temp = apple1;
apple1 = apple2;
apple2 = temp;
console. log ( apple1) ;
console. log ( apple2) ;
</ script>
6. 变量的数据类型
< script>
var num = 10 ;
var str = 'ABC' ;
var x = 10 ;
x = 'pink' ;
</ script>
7. 数字型Number
< script>
var num = 10 ;
var PI = 3.14
var num1 = 010 ;
console. log ( num1) ;
var num2 = 012 ;
console. log ( num2) ;
var num3 = 0x9 ;
console. log ( num3) ;
var num4 = 0xa ;
console. log ( num4) ;
console. log ( Number. MAX_VALUE ) ;
console. log ( Number. MIN_VALUE ) ;
console. log ( Number. MAX_VALUE * 2 ) ;
console. log ( - Number. MAX_VALUE * 2 ) ;
console. log ( 'abc' - 100 ) ;
</ script>
8. isNaN
< script>
console. log ( isNaN ( 12 ) ) ;
console. log ( isNaN ( 'pink老师' ) ) ;
</ script>
9. 字符串型String
< script>
var str = '我是一个"高富帅"的程序员' ;
console. log ( str) ;
var str1 = "我是一个'高富帅'的\n程序员" ;
console. log ( str1) ;
</ script>
10. 弹出警示框案例
< script>
alert ( '酷热难耐,火辣的太阳底下,我挺拔的身姿,成为了最为独特的风景。\n我审视四周,这里,是我的舞台,我就是天地间的王者。\n这一刻,我豪气冲天,终于大喊一声:"收破烂啦~"' ) ;
</ script>
11. 字符串拼接
< script>
var str = 'my name is andy' ;
console. log ( str. length) ;
console. log ( '沙漠' + '骆驼' ) ;
console. log ( '小李子' + 18 ) ;
console. log ( 'xiaolizo' + true ) ;
console. log ( 12 + 12 ) ;
console. log ( '12' + 12 ) ;
</ script>
12. 字符串拼接加强
< script>
console. log ( '小李子' + 18 ) ;
console. log ( '小李子' + 18 + '岁' ) ;
var age = 19 ;
console. log ( '小李子age岁' ) ;
console. log ( '小李子' + age + '岁' ) ;
console. log ( '袁华' + age + '岁' ) ;
</ script>
13. 显示年龄案例
< script>
var age = prompt ( '请输入您的年龄' ) ;
var str = '您今年已经' + age + '岁了' ;
alert ( str) ;
</ script>
14. 布尔型Boolean
< script>
var flag = true ;
var flag1 = false ;
console. log ( flag + 1 ) ;
console. log ( flag1 + 1 ) ;
var str;
console. log ( str) ;
var variable = undefined;
console. log ( variable + 'pink' ) ;
console. log ( variable + 1 ) ;
var space = null ;
console. log ( space + 'pink' ) ;
console. log ( space + 1 ) ;
</ script>
15. 获取变量数据类型
< script>
var num = 10 ;
console. log ( typeof num) ;
var str = '小李子' ;
console. log ( typeof str) ;
var flag = true ;
console. log ( typeof flag) ;
var vari = undefined;
console. log ( typeof vari) ;
var timer = null ;
console. log ( typeof timer) ;
var age = prompt ( '请输入您的年龄' ) ;
console. log ( age) ;
console. log ( typeof age) ;
</ script>
16. 字面量
< script>
console. log ( 18 ) ;
console. log ( '18' ) ;
console. log ( true ) ;
console. log ( undefined) ;
console. log ( null ) ;
</ script>
17. 转换为字符型
< script>
var num = 10 ;
var str = num. toString ( ) ;
console. log ( str) ;
console. log ( typeof str) ;
console. log ( String ( num) ) ;
console. log ( num + '' ) ;
</ script>
18. 转换为数字型
< script>
console. log ( parseInt ( '3.14' ) ) ;
console. log ( parseInt ( '3.94' ) ) ;
console. log ( parseInt ( '120px' ) ) ;
console. log ( parseInt ( 'rem120px' ) ) ;
console. log ( parseFloat ( '3.14' ) ) ;
console. log ( parseFloat ( '120px' ) ) ;
console. log ( parseFloat ( 'rem120px' ) ) ;
var str = '123' ;
console. log ( Number ( str) ) ;
console. log ( Number ( '12' ) ) ;
console. log ( '12' - 0 ) ;
console. log ( '123' - '120' ) ;
console. log ( '123' * 1 ) ;
</ script>
19. 计算年龄案例
< script>
var year = prompt ( '请您输入您的出生年份' ) ;
var age = 2020 - year;
alert ( '您今年已经' + age + '岁了' ) ;
</ script>
20. 简单加法器案例
< script>
var num1 = prompt ( '请您输入第一个值:' ) ;
var num2 = prompt ( '请您输入第二个值:' ) ;
var result = parseFloat ( num1) + parseFloat ( num2) ;
alert ( '您的结果是:' + result) ;
</ script>
21. 转换为布尔型
< script>
console. log ( Boolean ( '' ) ) ;
console. log ( Boolean ( 0 ) ) ;
console. log ( Boolean ( NaN ) ) ;
console. log ( Boolean ( null ) ) ;
console. log ( Boolean ( undefined) ) ;
console. log ( '------------------------------' ) ;
console. log ( Boolean ( '123' ) ) ;
console. log ( Boolean ( '你好吗' ) ) ;
console. log ( Boolean ( '我很好' ) ) ;
</ script>