WEB前端基础(HTML+CSS+JavaScript)(中)之JavaScript基础语法(二)语句跟数组
2020-07-16 04:53
267 查看
JavaScript基础语法(二)
一、条件语句
1、if语句
- if语句
- if···else语句
- if···else if语句
2、switch语句
语法:
switch () { case value1: statement1 break case value2: statement2 break case value3: statement3 break ··· default: statement4
注意:default可以放在任何位置,但是输出情况会有变化
二、循环语句
1、while语句
//语法: while (条件\即判断的表达式){ 执行的语句块 } //注意:括号不可以省略,但是花括号可以省略(但是只能包含一条语句)
2、do···while语句
//语法: do{ 执行代码 }while(条件) //注意:括号不可以省略,但是花括号可以省略(但是只能包含一条语句)
while与do while的区别:
前者:先判断,在执行
后者:先执行,在判断
3、for语句
//语法: for(条件1;条件2;条件3){ 执行代码 } //注意:三个条件可以省略,但是分号不可以
4、for···in语句
三、跳转语句
1、break
终止语句,该语句会立即跳出当前循环语句,不可单独用于if语句中
2、continue
结束循环语句的本次循环,开始下一次循环;不能使用在if语句中
3、两者的区别
break 语句的执行将终止循环语句,而 continue 语句并不会终止循环语句
4、label语句
作用是为某一条语句前面增加一个可以引用的标识符,通常配合break语句和continue语句使用
四、数组
1、数组定义
是一个有序的数据集合(一个数组中可以存储多种不同类型的数据)
var arr = ['afa',100,true]
2、数组的分类
-
索引数组:是通过数据位置的索引来确定该位置
-
关联数组:该位置的数据内容是通过字符串来表示的(键值对形式)
var arr2 = [] arr2['str'] = '这是字符串' arr2['num'] = 100 arr2['bool'] = true console.log(arr2) //[ str: '这是字符串', num: 100, bool: true ] console.log(arr2.str) //这是字符串
-
稀疏数组:索引值不连续的数组
var arr3 = new Array(10) arr3[5] = 100 arr3[10] = true arr3[0] = 'a' console.log(arr3) //[ 'a', <4 empty items>, 100, <4 empty items>, true ]
3、数组长度
提供的Array对象,该对象提供的length属性,可以获得该数组的长度
- 索引数组:数组.length
- 关联数组:数组.length = 0 (该属性是无效的)
- 稀疏数组:数组.length
五、一维数组
1、定义
//例如: var arr = ['a', 1, true] //这就是一维数组 var arr = ['a', 1, true, [1,2]] //这是二维数组,因为该数组形成了数组的嵌套
数组区别于变量就是,变量每次只能存储一个值,而且重新赋值之后会将原来的值覆盖。而数组一次允许存储多个值
2、创建数组的方式
一、直接量、字面量方式创建
二、Array() 函数创建
var arr4 = Array('a' , 100, true)
三、构造函数创建数组
var arr5 = new Array('a' ,100 ,true )
3、数组的操作
一、访问数据
二、修改数据
三、删除数据(delete关键字)
注意:删除后数组长度不变
var arr5 = new Array('a' ,100 ,true )delete arr5[0] console.log(arr5) //[ <1 empty item>, 100, true ]
4、遍历数组
一、可以使用for语句来遍历
var arr = ['这是一个测试内容.', 100, true] for (var i=0; i<arr.length; i++) { console.log(arr[i]) }
二、可以使用for···in语句遍历
// 语法: var arr = ['这是一个测试内容.', 100, true] for (i in arr) { console.log(arr[i]) }
注意:
该语法就是将数组作为Array对象进行遍历的,这时不仅可以得到数组中所有的数据内容,还可以得到为该Array对象自定义的属性
即:
// 特性: arr.name = '随便写点啥' for (i in arr) { console.log(arr[i]) } /*这是一个测试内容 100 true 随便写点啥*/
六、二维数组
1、定义
一个一维数组中嵌套另一个一维数组这两层嵌套结构称为二维数组
var arr = [[1,2],[true]]
2、创建
一、分类
-
规整的二维数组
var arr = [[11,12,13], [21,22,23], [31,32,33]]
-
不规整的二维数组
var arr = [[101], [201, 202], [301, 302, 303]]
二、访问
/*arr[0][0]的方式访问 第一个0是外层数组的索引值,第二个0是内层数组的索引值*/
三、遍历
for(var i = 0; i < arr.length; i ++){ for(var j = 0; j < arr[i].length; j ++){ console.log(arr[i][j]) } }
相关文章推荐
- WEB前端基础(HTML+CSS+JavaScript)(中)之JavaScript基础语法DOM
- WEB前端基础(HTML+CSS+JavaScript)(中)之JavaScript基础语法(四)引用类型与运算符
- WEB前端基础(HTML+CSS+JavaScript)(中)之JavaScript基础语法(三)函数对象作用域
- WEB前端基础(HTML+CSS+JavaScript)(中)JavaScript基础语法之call()与apply()方法
- WEB前端基础(HTML+CSS+JavaScript)(中)之JavaScript基础语法BOM
- Web前端开发精品课HTML CSS JavaScript基础教程第四章课后编程题答案
- Web前端开发精品课HTML CSS JavaScript基础教程CSS部分知识点总结
- JavaScript基础(基本语法:变量、语句、数组、函数、对象、全局方法以及js与java不同,js与html关联)
- Web前端开发精品课HTML CSS JavaScript基础教程第五章课后编程题答案
- Web前端开发精品课HTML CSS JavaScript基础教程第九章课后编程题答案
- Web前端开发精品课HTML CSS JavaScript基础教程第十四章课后编程题答案
- Web前端开发精品课HTML CSS JavaScript基础教程JavaScript部分知识点总结
- Web前端开发精品课HTML CSS JavaScript基础教程第六章课后编程题答案
- Web前端开发精品课HTML CSS JavaScript基础教程第十三章课后编程题答案
- Web前端开发精品课HTML CSS JavaScript基础教程第十六章课后编程题答案
- HTML、CSS和JavaScript学习三(JavaScript之语法规则:语句、数组、函数、String\Math\Array等对象)
- Web前端开发精品课HTML CSS JavaScript基础教程第二十三章课后编程题答案
- web 前端基础HTML CSS JavaScript
- 【从入门到放弃】WEB前端之HTML+CSS基础02
- Brackets - (HTML/CSS/JavaScript 前端 WEB IDE) 使用技巧