JavaScript基础-DAY03

1.for循环

1.1for循环-基本使用

1.1.1for循环语法

• 作用：重复执行代码

• 好处：把声明起始值、循环条件、变化值写到一起，让人一目了然，它是最为常用的循环形式

for (变量起始值; 终止条件; 变量变化值) {
    //循环体
}

1.1.2退出循环

• continue 退出本次循环，一般用于排除或者跳过某一个选项的时候，可以使用continue

• break 退出整个for循环 一般用于结果已经得到，后续循环不需要的时候可以使用

continue:
for (let i = 1; i <= 5; i++) {
    if (i === 3) {
        continue
    }
    document.write(`${i}<br>`) //1 2 4 5
}

break:
for (let i = 1; i <= 5; i++) {
    if (i === 3) {
        break
    }
    document.write(`${i}<br>`) //1 2
}

了解：

1. while(true)来构造“无限”循环，需要使用break退出循环

2. for(;;)也可以构造“无限”循环，同样也需要使用break退出循环

1.2for循环嵌套

for (外部声明记录循环次数的变量; 循环条件; 变化值) {
    for (内部声明记录循环次数的变量; 循环条件; 变化值) {
        循环体
    }
}

2.数组

2.1数组的基本使用

一些术语：

1. 元素：数组中保存的每个数据都叫数组元素

2. 下标：数组中数据的编号

3. 长度：数组中数据的个数，通过数组的length属性获得

let names = ['jelly', 'belly', 'Vivian', 'crystal']
console.log(names[0]) //jelly
console.log(names[1]) //belly
console.log(names.length) //4

遍历数组（重点）：

let nums = [1,2,3,4,5]
for (let i = 1; i < nums.length; i++) {
    document.write(nums[i])
}

最大值最小值写法：

2.2数组操作

数组本质是数据集合，操作数据无非就是增 删 改 查

查	改	增	删
查询数组数据	重新赋值	数组添加新的数据	删除数组中的数据
数组[下标]	数组[下标] = 新值	arr.push(新增的内容) arr.unshift(新增的内容)	arr.pop() arr.shift() arr.splice(操作的下标，删除的个数)

• 数组.push()方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度（重点）

• 语法：

arr.push(元素1, ..., 元素n)
例：
let arr = ['red', 'green']
arr.push('pink')
console.log(arr) //['red', 'green', 'pink']
console.log(arr.push('pink')) //3返回数长度

mdn（可以用来查询一些方法 如：点进网址直接搜索push就会出现具体内容）

• arr.unshift(新增的内容) 方法将一个或多个元素添加到数组的开头，并返回数组的新长度

• 语法：

arr.unshift(元素1, ...,元素n)
例：
let arr = ['red', 'green']
arr.unshift('pink')
console.log(arr) //['pink', 'red', 'green']
console.log(arr.unshift(pink)) //3

数组筛选写法（重点）：

• 数组.pop()方法从数组中删除最后一个元素，并返回该元素的值

• 语法：

arr.pop()
例：
let arr = ['red', 'green', 'blue']
arr.pop()
console.log(arr) //['red', 'green']

• 数组.shift()方法从数组中删除第一个元素，并返回该元素的值

• 语法：

arr.shift()
例：
let arr = ['red', 'yellow', 'green']
arr.shift()
console.log(arr) //['yellow', 'green']

• 数组.splice()方法 删除指定元素

• 语法：

arr.splice(start, deleteCount)
arr.splice(起始位置, 删除几个元素)
例：
let arr = ['red', 'green', 'blue']
arr.splice(1, 1)
console.log(arr) //['red', 'blue']

冒泡排序：

数组排序

• 数组.sort()方法可以排序

• 语法：

let arr = [4, 2, 5, 1, 3]
//1.升序排列写法
arr.sort(function (a, b) {
    return a - b
})
console.log(arr)//[1, 2, 3, 4, 5]
//2.降序排列写法
arr.sort(function (a, b) {
    return b - a
})
console.log(arr) //[5, 4, 3, 2, 1]