JS第三天

1.for 循环

1.1 基本使用

1. for循环语法
   · 作用：重复执行代码
   · 好处：把声明起始值、循环条件、变化值写到一起，让人一目了然，它是最常使用的循环形式

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

2. 退出循环
   continue 退出本次循环，一般用于排除或者跳过某一个选项的时候, 可以使用continue
   break 退出整个for循环，一般用于结果已经得到, 后续的循环不需要的时候可以使用
   了解：
3. while(true) 来构造“无限”循环，需要使用break退出循环。
4. for(;😉 也可以来构造“无限”循环，同样需要使用break退出循环。

总结

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

1.3 for 循环嵌套

·for 循环嵌套
Ø 一个循环里再套一个循环，一般用在for循环里

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

2.数组

2.1 数组是什么

·数组：(Array)是一种可以按顺序保存数据的数据类型
·为什么要数组？
Ø 思考：如果我想保存一个班里所有同学的姓名怎么办？
Ø 场景：如果有多个数据可以用数组保存起来，然后放到一个变量中，管理非常方便

2.2 数组的基本使用

1.声明语法

let 数组名[数据1，数据2，...数据n]

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

2.取值语法

数组名[下标]

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

3.一些术语：

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

4. 遍历数组(重点)

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

for (let i=0,i<数组名.length；i++>)
{
    document.write(nums[i])
}

2.3 操作数组

·数组本质是数据集合, 操作数据无非就是 增 删 改 查 语法：
a.改
重新赋值
数组[下标] = 新值
b.删
删除数组中数据
arr.pop()
arr.shift()
arr.splice(操作的下标,删除的个数)
c.查
查询数组数据
数组[下标]
或者我们称为访问数组数据
d.增
数组添加新的数据
arr.push(新增的内容)
arr.unshift(新增的内容)

2.3 操作数组-新增

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

     let arr = ['pink','hotpink']
        // 新增
        arr.push('deeppink','ling')
        console.log(arr);

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

arr.unshift('deeppink','ling')
console.log(arr);

总结

1. 想要数组末尾增加数据元素利用那个方法？
   Ø arr.push()
   Ø 可以添加一个或者多个数组元素
   Ø 返回的是数组长度
2. 想要数组开头增加数据元素利用那个方法？
   Ø arr.unshift()
   Ø 可以添加一个或者多个数组元素
   Ø 返回的是数组长度
3. 重点记住那个？
   Ø arr.push()

2.3 操作数组-删除

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

arr.pop()

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

arr.shift()

c.·需求使用场景：

1. 随机抽奖，中奖的用户就需要从数组里面删除，不允许重复抽奖
2. 点击删除按钮，相关的数据会从商品数据中删除
   · 后期课程我们会用到删除操作，特别是 splice

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

arr.splice(start起始位置,deleteCount删除几个元素)

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

总结

1. 想要数组末尾删除1个数据元素利用那个方法？带参数吗？
   Ø arr.pop()
   Ø 不带参数
   Ø 返回值是删除的元素
2. 想要数组开头删除1个数据元素利用那个方法？带参数吗？
   Ø arr.shift()
   Ø 不带参数
   Ø 返回值是删除的元素
3. 想要指定删除数组元素用那个？开发常用吗？有那些使用场景？
   Ø arr.splice(起始位置, 删除的个数)
   Ø 开发很常用，比如随机抽奖，比如删除指定商品等等