Web06--JavaScript基础02

1、JS流程控制语句

JS与Java一样,也有三个流程控制语句: 顺序结构 选择结构 循环结构

1.1 选择结构

1.1.1 if结构

注意事项:JS的条件语句和Java语法基本一样,但是对数据类型的真假判断有些区别。JS中对各种数据类型作为布尔值有以下特点:

类型

用法

boolean

true为真、false为假

number

非0为true

string

除了空字符串(""),其他都是true

null&undefined

都是false

对象

所有对象都为true

  • 总结: 无意义的数据都为false 反之都为true


	
		
		选择结构--if
	
	
	
	
	

Web06--JavaScript基础02_第1张图片

1.1.2 switch结构



	
		
		选择结构--switch
	
	
		
	

在java中,switch语句可以接受的数据类型: byte int shor char,枚举(1.5) ,String(1.7)

在JS中,switch语句可以接受任意的原始数据类型

1.2 循环结构

1.2.1 for循环

  • 普通for循环
  • 增强for循环 for-of循环
  • 索引for循环 for-in循环


	
		
		循环结构--for循环
	
	
		
	

Web06--JavaScript基础02_第2张图片



	
		
		for-of与for-in循环
	
	
		
		
	

Web06--JavaScript基础02_第3张图片

1. for-in可以遍历对象,for-of不能遍历对象

2. for-in遍历出数组中的索引,for-of遍历出数组中的元素

1.2.2 while循环



	
		
		while循环
	
	
		
	

Web06--JavaScript基础02_第4张图片

1.2.3 do-while循环



	
		
		do-while循环
	
	
		
		
	

Web06--JavaScript基础02_第5张图片

1.2.4 循环总结

while 和Java一样

do-while 和Java一样

重点掌握:

        普通for 与 Java一样

        for-in:遍历出数组的索引

                遍历出对象中的属性名key

        for-of:遍历数组中的元素

2、JS函数(方法)

JS函数是执行特定功能的代码块,也可以称为JS方法。与Java中的方法的功能是一样的。

2.1 语法

function 函数名(参数列表){
  函数体;
  [return 返回值;]
}

2.2 函数定义



	
		
		函数的定义
	
	
		
	

Web06--JavaScript基础02_第6张图片



	
		
		函数的定义
	
	
		
		
	

Web06--JavaScript基础02_第7张图片

2.3 JS函数注意事项

  • 方法定义时,形参的类型不用写,返回值类型可写可不写
  • 如果定义名称相同的方法,会被覆盖,js中没有方法的重载的概念
  • 在JS中,方法的调用只与方法的名称有关,和参数列表无关
  • 在方法声明中有一个隐藏的内置对象(数组),arguments,封装所有的实际参数
  • JS函数中也可以有匿名函数,匿名函数经常会跟事件进行结合着使用

3、JS常用内置对象

3.1 Number对象



	
		
		Number对象
	
	
		
		
	

3.2 String对象

3.2.1 创建对象

有三种方式: 单引号('') 、双引号("") 、反引号(``)



	
		
		String对象
	
	
		
	

3.2.2 常用方法

方法

说明

substring()

提取字符串中两个指定的索引号之间的字符

toLowerCase()

把字符串转换为小写。

toUpperCase()

把字符串转换为大写。

replace()

替换与正则表达式匹配的子串。

charAt()

返回在指定位置的字符。

trim()

移除字符串首尾空白

split(delimiter)

把字符串分割为子字符串数组;分割为数组



	
		
		String对象方法
	
	
		
	

Web06--JavaScript基础02_第8张图片

3.3 Math对象



	
		
		Math对象
	
	
		
		
	

Web06--JavaScript基础02_第9张图片

3.4 Array对象

1. JS中,数组元素的类型可变的。

2. JS中,数组长度可变的。



	
		
		数组对象Array
	
	
		
	

Web06--JavaScript基础02_第10张图片

Web06--JavaScript基础02_第11张图片

3.5 Date对象



  
    
    Date对象
  
  

    
  

Web06--JavaScript基础02_第12张图片

案例:数字时钟



	
		
		数字时钟
	
	
		

3.6 RegExp对象



	
		
		正则对象--RegExp
	
	
		
		
	

Web06--JavaScript基础02_第13张图片

你可能感兴趣的:(Web,前端,javascript,开发语言)