JS基础

94 阅读3分钟

数据类型

js的五种数据类型:1.string 字符串;2.number 数值;3.boolean 布尔类型;4.null(空值);5.undefined(未定义)

  • - string:字符串类型:用于展示文本;所有用'单引号' "双引号" 反引号包起来的内容都是字符串
  • - number:数值 类 型:用于数字计算;一起数值中的数字都是数字类型
  • - boolean:布尔类型:用于条件比较:得出的结果只有两个,true和false.对应着成立和不成立
  • - null :空值:当声明变量后暂时不知道放什么内容,可以主动赋值写null
  • - undefined:未定义:变量声明后未赋值,默认值就是undefined(对应的布尔类型结果就是false)

typeof检测数据类型: console.log(typeof 内容)

  • console.log(typeof '前端')--string(带''都是字符串)
  • console.log(typeof 12345) --number
  • console.log(typeof true) --bollean(bollean类型只有两个值)
  • console.log(typeof undefined)--undefined
  • console.log(typeof null) --object

数据类型转换

- 显示转换:程序员自己主动使用语法做转化

其他类型转number类型

  • parentInt():转整数
  • parentFloat():转小数
  • number() 其他类型转string类型
  • String(1) 其他类型转bollean
  • bollean(1)--true;bollean(0)--false

-隐示转换:系统自己帮我们做语法转化

转数字

console.log( '10' - 1 )//9  Number('10') - 1
console.log( 1 + true )//2  1 + Number(true)
console.log( +'10' )//10 数学正号

转字符串 : 连接符 +

+号只要有字符串就是连接符
console.log('1' + true) //'1true'   '1' + String(true) 

转布尔

console.log(!1) //false  !Boolean(1)
console.log(!null) //true      !Boolean(null)

undefined和null的区别

undefined:变量声明后没有赋值,默认的值就是undefined:有声明未赋值
null:当变量声明后但是暂时没放置就可以先主动赋值null:有声明值为空

流程控制-分支机构

语句和表达式:有运算符的就是表达式,没有运算符的就是语句

if单分支结构:适用于一个条件

**语法:if(条件){
条件成立执行的代码
}**

if else双分支结构:适用于两个互斥条件

**if括号里可以放关系表达式例1>2 ,也可以放布尔值例truefalse,其他的值 : 编译器将会自动转成布尔类型,判断真假例:1,0/true,false**
**语法:if(条件){
条件成立执行的代码
}else{
条件不成立执行的代码
}**

if-else if-else多分支语句:适用于多个条件

注意:这个分支结构只会执行一个条件的代码,多选一;else if的数量没有限制,可以多个

**语法:if(条件1){
         条件1成立时需要执行的代码
       }else if(条件2){
         条件2成立时需要执行的代码
       }else if(条件3){
         条件3成立时需要执行的代码
       }else(以上所有条件都不成立,需要执行的代码,如果没有最后这个else可以省略)**

三元表达式

语法:表达式 ? 代码1 : 代码2

  • 如果表达式成立,则执行代码1,如果不成立则执行代码2
  • 两个代码哪个代码执行,哪个就是三元表达式的结果

switch-case分支结构

 let num=[10,20,30]
 switch( 匹配值变量名name )
       {
          case 值1 :
            匹配值 === 值1,需要执行的代码
            break
          case 值2 :
            匹配值 === 值2,需要执行的代码
            break
          ………………
          default :
            如果case后面所有的值 和 匹配值 都无法匹配,则需要执行的代码
            break
        }**
  注意:如果不加break,会穿透,上面的代码执行后会接着执行下面的代码
  break.是结束后续代码的执行
  continue,是结束本轮代码的执行,自动执行后面的代码
  default
        

循环:代码重复循环

while 循环:当条件满足时运行循环替代码;如果条件不满足时,就跳出循环

while(条件 ){ 循环体代码 }

for循环

步骤:1.声明循环变量语句1; 2判断循环条件语句2; 3条件成立执行循环体代码; 4循环变量自增;
for(let 语句1;语句2;语句3){
循环体代码
}