for循环
把声明起始值、循环条件、变化值写到一起,更方便
![](https://i-blog.csdnimg.cn/blog_migrate/fb6f4cbffa1daaabbf2e0167a76d28d4.png)
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>
操作数组
数组本质是数据集合, 操作数据无非就是
增 删 改 查
语法
![](https://i-blog.csdnimg.cn/blog_migrate/6fc1f631ff5fcfdc9baa8cedd4d3c7c3.png)
查:数组遍历
改:给数组再次赋值
增: 方法:数组.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>