您的位置:首页 > Web前端 > JavaScript

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])
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐