JavaScript基础(3)-循环和数组

循环-for

for循环基本使用

目标：掌握for循环重复执行某些代码
1. for循环语法
 也是重复执行代码
 好处：把声明起始值、循环条件、变化值写到一起，让人一目了然

// for (起始条件; 退出条件; 变化量) {
        //     循环代码
        // }
        for (let i = 1; i <= 10; i++) {
            document.write(`月薪过万`)

        }

4. for循环的最大价值： 循环数组

需求： 请将 数组 [‘马超’，‘赵云’， ‘张飞’, ‘关羽‘，’黄忠’] 依次打印出来

// for循环数组
        let arry = [`马超`,`张飞`,`关羽`,`黄忠`,`赵云`,`追梦`]
        for (let i = 0; i < arry.length; i++) {
            document.write(`名字是：${arry[i]}<br>`)
        }

 arry.length === 变量名.数组的长度

这样不论数组里面有多少个数i的判断条件就不用修改

1. for循环和while循环有什么区别呢：
 当如果明确了循环的次数的时候推荐使用for循环
 当不明确循环的次数的时候推荐使用while循环

退出循环

目标： 能说出continue和break的区别

循环结束：
 continue：结束本次循环，继续下次循环

for (let i = 1; i < 6; i++) {
            if(i === 2) {
                continue  //当i等于2时，退出2这个循环，继续执行下一个循环
            }
            document.write(i)
        }

 break：跳出所在的循环（退出for的所有循环）

for (let i = 1; i < 6; i++) {
            if(i === 2){
                break   //当i等于2时，退出全部的循环
            }
            document.write(i)
        }

循环嵌套

目标：掌握for循环重复执行某些代码

for 循环嵌套

for （声明变量；循环条件；变化值）{
        for（内部声明变量；循环条件；变化值）{
               循环体
        }
}

外部循环一次，内部循环全部

案例嵌套打印5行5列的星星

外部循环的br标签要放到下面，意思时内部循环完成之后在换行

//外部 i循环一次，内部j循环全部
for (let i = 1; i < 6; i++) {
            
            for (let j = 1; j < 6; j++) {
                document.write(`*`)
            }
            document.write(`<br>`)
        }

数组

目标：能说出数组是什么

数组(Array)是一种可以按顺序保存数据的数据类型
 为什么要数组？
 思考：如果我想保存一个班里5个人的姓名怎么办？
 如果有多个数据可以用数组保存起来

数组的基本使用

目标：能够声明数组并且能够获取里面的数据

声明语法

let 数组名 = [数据1,数据2,......数据n]

例如

let names = [`小明`，`小刚`，`小红`，`小惠`，`小米`]

数组是按顺序保存，所以每个数据都有自己的编号
 计算机中的编号从0开始，所以小明的编号为0，小刚编号为1，以此类推
 在数组中，数据的编号也叫索引或下标（从0开始）
 数组可以存储任意类型的数据
取值语法

数组名[下标]

列

let names = [`小明`，`小刚`，`小红`，`小惠`，`小米`]
names[0] //小明
names[1] //小刚

通过下标取数据
 取出来是什么类型的，就根据这种类型特点来访问

undefined加任何数字都是nan，加字符串会拼接

目标：掌握数组，把一堆数据有序管理起来

一些术语：
 元素：数组中保存的每个数据都叫数组元素
 下标：数组中数据的编号
 长度：数组中数据的个数，通过数组的length属性获得

let names = [`小明`，`小刚`，`小红`，`小惠`，`小米`]
names[0] //小明
names[1] //小刚
names.length  //数组的个数

目标：能够遍历输出数组里面的元素

遍历数组：
用循环把数组中每个元素都访问到,一般会用for循环遍历
 语法：

for (let i = 0; i < 数组名.length; i++) {
       数组名{i}
}

操作数组

数组本质是数据集合, 操作数据无非就是 增 删 改 查 语法：

修改数组元素

数组名[下标] = 要修改的内容

let arr = [2,6,1,7,4]
//将arr里面的2修改为5
        arr[0] = 5
        document.write(arr)

数组增加新的数据

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

arr.push(元素1，元素，........元素n)

例如

将red放到arr数组里面，push会将新的数组放到原来的数组后面

let arr = ['pink','green']
arr.push('red')
console.log(arr) = //rde green pink

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

let arr = ['red','green']
 arr.unshift('pink') 
console.log(arr) //pink,red,green 

unshift将新增的数组添加到原来的数组前面

删除数组元素

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

数组名.pop()
只会删除最后一个元素，所以括号里面的内容不用写

例如：

let arr = ['red','green']
     arr.pop()
//会提示出来删除的是谁
console.log(arr.pop())   //green
console.log(arr)   //red

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

数组名.shift()
只会删除第一个元素括号里面不写内容

例如：

let arr = ['red','green']
 arr.shift() 
//会提示出来删除的是谁
 consolelog(arr.shift()) //green
 console.log(arr) //red

目标：能够利用splice删除数组元素(数据)，删除指定元素

语法：

数组.splice(start,deletecount)
数组.splice(起始位置，删除几个元素)

解释：
 start 起始位置: 
 指定修改的开始位置（从0计数）
 deleteCount: 
 表示要移除的数组元素的个数
 可选的。 如果省略则默认从指定的起始位置删除到最后


let arr = ['red','green','blue']

        arr.splice(1,1)//从索引号1的位置开始删除，包括索引号本身
        document.write(arr)

冒泡排序

冒泡排序是一种简单的排序算法。
它重复地走访过要排序的数列，一次比较两个元素，如果他们的顺序错误就把他们交换过来。走访数列
的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成。
这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端。
比如数组 [2,3,1,4,5] 经过排序成为了 [1,2,3,4,5] 或者 [5,4,3,2,1]