for循环
把声明起始值、循环条件、变化值写到一起,更方便
for循环最大的价值是循环数组
for循环和while循环的区别:
明确了循环的次数的时候推荐使用for循环,不明确循环的次数的时候推荐使用while循环
退出循环
continue:结束本次循环,继续下次循环
break:跳出所在的循环
循环嵌套
一个循环里再套一个循环,一般用在for循环里
例子:九九乘法表
数组
数组(Array)是一种可以按顺序保存数据的数据类型
当需要的元素较多的时候 我们可以用数组将元素保存起来
声明语法:
<script>
let 数组名 = [数据1,数据2,数据3,.....数据n]
</script>
例
<script>
let names = ['red','yellow','green','blue','orange']
</script>
- 数组是按顺序保存,所以每个数据都有自己的编号
- 计算机中的编号从0开始,所以red的编号为0,yellow编号为1,以此类推
- 数组可以存储任意类型的数据
索引
在数组中,数据的编号也叫 索引或下标, 通过下标取数据,
<script>
// 取值语法:数组名[下标]
// 例:
let names = ['red','yellow','green','blue','orange']
names[0] //red
names[1] //yellow
<script>
- 元素:数组中保存的每个数据都叫数组元素
- 下标:数组中数据的编号
- 长度:数组中数据的个数,通过数组的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>
操作数组
数组本质是数据集合, 操作数据无非就是 增 删 改 查 语法
查:数组遍历
改:给数组再次赋值
增: 方法:数组.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>