js 数据类型

变量

1. 概 念：

计算机中用来存储数据的

2. 变量的创建

语法 : var 变量名称 = 值

变量的命名规范

包含数字 (0-9) 、字母 (a-zA-Z) 、下划线 (_) 、美元符号 ($)

不能用数字开头

不能使用系统关键字、保留字

变量名称有意义

驼峰命名法 首字母小写，其余单词首字母大写

3. 变量的扩展

a. 初始化赋值 创建变量的时候 赋值

<script> 
var age=12 
</script>

b. 变量的值更新

<script>
 var age = 20 // 初始值
 age = 22 // age变量的值发生了变化
 var age1=23
 age = age1 // age 结果：23 将age1变量的值赋给了age变量 
</script>

4. 特殊情况

1. 只声明变量

<script> 
var weight
 console.log(weight) // 结果：undefined 
</script>

2. 声明变量时 不加 var 隐式声明 函数内部声明全局变量的时候

<script> 
height='175cm'
 console.log(height); 
</script>

3. 同时定义多个变量 , 变量之间使用英文逗号 (,) 隔开

<script>
 var num1=15,num2=20,num3=25 
</script>

3. 练习

交换两个变量的值

<script>
 var num1=20; 
var num2=30; // 思路一: 创建第三个变量(中间变量) 
var temp = num1;
 num1= num2; // num1 值变为30 
num2= temp // num2 值为20
 // 思路二：使用加减法运算 通常都是数字的值交换
 num1=num1+num2 // num1 结果是50 
num2=num1-num2 // num2 结果是20 
num1= num1-num2 // num1 结果是30 
console.log(num1); 
console.log(num2); 
</script>

数据类型

复习

1. php 中的数据类型： boolean( 布尔 ) 、 int( 整型 ) 、 flfloat( 浮点型 ) 、 string( 字符串 ) 、 array( 数组 ) 、

object( 对象 ) 、 NULL( 空 ) 、 resource( 资源 )

2. Java 中的数据类型： boolean( 布尔 ) 、 int( 整型 ) 、 flfloat( 浮点型 ) 、 string( 字符串 ) 、 array( 数组 ) 、

object( 对象 ) 、 NULL( 空 ) 、 long 、 short 、 double 、 char 、 byte

3. JavaScript 中的数据类型

boolean( 布尔 ) 、 string( 字符串 ) 、 number( 数字 ) 、 object( 对象 ) 、 undefifined( 未定义 ) 、 null( 空 )

布尔数据类型中只有 true 和 false 两个值

字符串使用引号 ( 单引号和双引号 ) 引起来

数字包括整数和浮点数、 NaN

注意 : 当非数字字符串参与算术运算 (+ 除外 ) 的时候，得出的结果是 NaN

获取变量的数据类型

typeof()

<script>
var str3= '15'
 // 获取变量的数据类型 
console.log(typeof(str3)) // 结果：string 
console.log(typeof(NaN)) // 结果:number 
</script>

运算符

1.  算术运算符

+

-

*

/

%

2.  比较运算符

<

>

< =

> =

== 等于 只比较值 值相等返回真，不等返回假

!= 不等于

=== 恒等于 ( 全等于 ) 比较值和数据类型 值和类型都相同时 返回真 否则返回假

!== 恒不等于 ( 全不等于 )

3.  逻辑运算符

&& 逻辑与 两边都为真时，整体返回真，其余情况全为假

|| 逻辑或 只要有一边为真时，整体返回真， 当两边都为假时整体返回假

！ 逻辑非 取反 非真即假，非假即真

4.  赋值运算符

=

+= a+=2 等价于 a=a+2

-=

*=

/=

%=

5.  递增递减运算符

<script>

var str3 = '15'

// 获取变量的数据类型

console . log ( typeof ( str3 )) // 结果： string

console . log ( typeof ( NaN )) // 结果 :number

</script>

<

>

< =

> =

== 等于 只比较值 值相等返回真，不等返回假

!= 不等于

=== 恒等于 ( 全等于 ) 比较值和数据类型 值和类型都相同时 返回真 否则返回假

!== 恒不等于 ( 全不等于 ) ++ 每次加 1

-- 每次减 1

<script>
var num1=12 
var res = ++num1 + --num1 - num1-- + num1++ // num1 结果：? res 结 果：?
 </script>

6.拼接运算符

+

流程控制

1.分支 ( 选择 ) 结构

   单分支

语法： if( 条件 ){ 条件为真的时候，执行 }

<script>
if(false){
 console.log('this is true'); 
} 
</script>

双分支

语法： if( 条件 ){ 条件为真的时候，执行 }else{ 条件为假，执行的代码块 }

<script>
if(5<2 || 4>3){ 
// 条件为真执行
 console.log('this is ok'); 
}else{
 // 条件为假执行 
console.log('this is no ok'); 
} 
</script>

  多分支

a. if ...else if ... 结构

语法： if( 条件 1){

条件 1 为真 执行代码块

}else if( 条件 2){

条件 2 为真 执行代码块

}...else{

以上条件都不满足时，执行的代码块

}

b. switch ...case 结构

语法： switch( 表达式 ){

case 值 1: 执行的代码 1;break;

case 值 2: 执行的代码 2;break;

...

default: 以上值匹配不成功的时候，执行的代码

}