for循环

把声明起始值、循环条件、变化值写到一起,更方便

javascript循环爱心 js循环数字_p2p


for循环最大的价值是循环数组

for循环和while循环的区别:

        明确了循环的次数的时候推荐使用for循环,不明确循环的次数的时候推荐使用while循环

退出循环

continue:结束本次循环,继续下次循环

break:跳出所在的循环

循环嵌套

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

javascript循环爱心 js循环数字_p2p_02

 例子:九九乘法表

javascript循环爱心 js循环数字_wpf_03

 数组

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

当需要的元素较多的时候  我们可以用数组将元素保存起来

声明语法:

<script> 
let 数组名 = [数据1,数据2,数据3,.....数据n]
</script>

<script> 
let names = ['red','yellow','green','blue','orange']
</script>
  1. 数组是按顺序保存,所以每个数据都有自己的编号
  2. 计算机中的编号从0开始,所以red的编号为0,yellow编号为1,以此类推
  3. 数组可以存储任意类型的数据

索引

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

<script>
// 取值语法:数组名[下标]
// 例:
    let names = ['red','yellow','green','blue','orange']
    names[0]   //red
    names[1]   //yellow
<script>
  1. 元素:数组中保存的每个数据都叫数组元素
  2. 下标:数组中数据的编号
  3. 长度:数组中数据的个数,通过数组的length属性获得

数组的长度

使用   .length  获得数组的长度

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

遍历数组

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

语法:

<script>
    //语法:
//for(let i = 0; i< 数组名.lenght; i++){
//   数组名[i]
//    }
    //例:
  let names = ['red','yellow','green','blue','orange']
    for(i = 0; i<names.lenght; i++){
    document.write(names[i])
}
<script>

操作数组

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


javascript循环爱心 js循环数字_数组_04

查:数组遍历

改:给数组再次赋值

增: 方法:数组.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()

        删除指定元素

语法:

.splice( start, deleteCount)


.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>