JavaScript 循环

2022-11-06 22:21:23

for循环

for循环：也是重复执行代码

好处就是，把声明的起始值、循环条件，变化值写到一起，让人一目了然

// 循环初始值，循环的条件，变化量
        for (let i = 1; i <= 10; i++) {
            document.write(i)
        }

for循环最大的价值就是用来遍历数组

 let arr = ['马超','黄忠','曹操','关羽','张飞']
        for (let i = 0; i< arr.length; i++) {
            document.write(arr[2])
        }

for循环和while循环的区别

1、当明确了循环次数的时候推荐用for

2、当不明确while的次数的时候推荐使用while

循环退出

循环结束：(一般配合if判断使用)

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

break：跳出所在的循环

循环嵌套

for循环嵌套

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

案例：九九乘法表

<script>
        for (let i = 1; i <= 9; i++) {
            for (let j = 1; j <= i; j++) {
                document.write(`
                <div>${j}×${i}=${j * i}</div>
                `)
            }
            document.write('<br>')
        }
    </script>

数组

数组(Array)是一种可以按顺序保存数据的数据类型数组语法：

let arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7]

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

索引

在数组中，数据的编号也叫 索引或下标, 通过下标取数据,


<script>
// 取值语法：数组名[下标]
// 例:
    let names = ['red','yellow','green','blue','orange']
    names[0]   //red
    names[1]   //yellow
<script>

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


<script>
    let names = ['red','yellow','green','blue','orange']
    let sum = names.length  //长度为5
    document.write(sum);  //输出结果为5
<script>

遍历数组

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

语法：

 let arr = [5, 8, 9, 2, 1, 5]
for (let i = 0; i < arr.length; i++) {
     console.log(sum);
}

操作数组（增、删、改、除）

1. 数组增加新的数据

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


<script>
    //语法： arr.push(元素1,...,元素n)
    //例：
  let arr = ['red','yellow']
  arr.push('green')
    document.write(arr)  // ['red','yellow','green']
<script>

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


<script>
    //语法： arr.unshift(元素1,...,元素n)
    //例：
  let arr = ['red','yellow']
  arr.unshift('green')
    document.write(arr)  // ['green','red','yellow']
<script>

删：方法：数组. pop()

从数组中删除最后一个元素，并返回该元素的值


<script>
    //语法： arr.pop(元素1,...,元素n)
    //例：
  let arr = ['red','yellow','green','orange']
  arr.pop()
    document.write(arr)  // [,'red','yellow','green']
<script>

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


<script>
    //语法： arr.shift(元素1,...,元素n)
    //例：
  let arr = ['red','yellow','green','orange']
  arr.shift()
    document.write(arr)  //  ['red','yellow','green','orange']
<script>

数组删除指定元素

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

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

start 起始位置: 指定修改的开始位置（从0（索引）计数）

deleteCount: 表示要移除的数组元素的个数，如果省略则默认从指定的起始位置删除到最后


<script>
    //语法： arr.shift(元素1,...,元素n)
    //例：
  let arr = ['red','yellow','green','orange']
  arr.splice(1，2)
    document.write(arr)  //  ['red','orange']
<script>

码农公寓