JavaScript基础(3)-循环和数组
循环-for
for循环基本使用
目标:掌握for循环重复执行某些代码
1. for循环语法
也是重复执行代码
好处:把声明起始值、循环条件、变化值写到一起,让人一目了然
// for (起始条件; 退出条件; 变化量) {
// 循环代码
// }
for (let i = 1; i <= 10; i++) {
document.write(`月薪过万`)
}
4. for循环的最大价值: 循环数组
需求: 请将 数组 [‘马超’,‘赵云’, ‘张飞’, ‘关羽‘,’黄忠’] 依次打印出来
// for循环数组
let arry = [`马超`,`张飞`,`关羽`,`黄忠`,`赵云`,`追梦`]
for (let i = 0; i < arry.length; i++) {
document.write(`名字是:${arry[i]}<br>`)
}
arry.length === 变量名.数组的长度
这样不论数组里面有多少个数i的判断条件就不用修改
1. for循环和while循环有什么区别呢:
当如果明确了循环的次数的时候推荐使用for循环
当不明确循环的次数的时候推荐使用while循环
退出循环
目标: 能说出continue和break的区别
循环结束:
continue:结束本次循环,继续下次循环
for (let i = 1; i < 6; i++) {
if(i === 2) {
continue //当i等于2时,退出2这个循环,继续执行下一个循环
}
document.write(i)
}
break:跳出所在的循环(退出for的所有循环)
for (let i = 1; i < 6; i++) {
if(i === 2){
break //当i等于2时,退出全部的循环
}
document.write(i)
}
循环嵌套
目标:掌握for循环重复执行某些代码
for 循环嵌套
for (声明变量;循环条件;变化值){
for(内部声明变量;循环条件;变化值){
循环体
}
}
外部循环一次,内部循环全部
案例嵌套打印5行5列的星星
外部循环的br标签要放到下面,意思时内部循环完成之后在换行
//外部 i循环一次,内部j循环全部
for (let i = 1; i < 6; i++) {
for (let j = 1; j < 6; j++) {
document.write(`*`)
}
document.write(`<br>`)
}
数组
目标:能说出数组是什么
数组(Array)是一种可以按顺序保存数据的数据类型
为什么要数组?
思考:如果我想保存一个班里5个人的姓名怎么办?
如果有多个数据可以用数组保存起来
数组的基本使用
目标:能够声明数组并且能够获取里面的数据
声明语法
let 数组名 = [数据1,数据2,......数据n]
例如
let names = [`小明`,`小刚`,`小红`,`小惠`,`小米`]
数组是按顺序保存,所以每个数据都有自己的编号
计算机中的编号从0开始,所以小明的编号为0,小刚编号为1,以此类推
在数组中,数据的编号也叫索引或下标(从0开始)
数组可以存储任意类型的数据
取值语法
数组名[下标]
列
let names = [`小明`,`小刚`,`小红`,`小惠`,`小米`]
names[0] //小明
names[1] //小刚
通过下标取数据
取出来是什么类型的,就根据这种类型特点来访问
undefined加任何数字都是nan,加字符串会拼接
目标:掌握数组,把一堆数据有序管理起来
一些术语:
元素:数组中保存的每个数据都叫数组元素
下标:数组中数据的编号
长度:数组中数据的个数,通过数组的length属性获得
let names = [`小明`,`小刚`,`小红`,`小惠`,`小米`]
names[0] //小明
names[1] //小刚
names.length //数组的个数
目标:能够遍历输出数组里面的元素
遍历数组:
用循环把数组中每个元素都访问到,一般会用for循环遍历
语法:
for (let i = 0; i < 数组名.length; i++) {
数组名{i}
}
操作数组
数组本质是数据集合, 操作数据无非就是 增 删 改 查 语法:
修改数组元素
数组名[下标] = 要修改的内容
let arr = [2,6,1,7,4]
//将arr里面的2修改为5
arr[0] = 5
document.write(arr)
数组增加新的数据
1.数组.push() 方法将一个或多个元素添加到数组的末尾,并返回该数组的新长度 (重点)
语法:
arr.push(元素1,元素,........元素n)
例如
将red放到arr数组里面,push会将新的数组放到原来的数组后面
let arr = ['pink','green']
arr.push('red')
console.log(arr) = //rde green pink
2.arr.unshift(新增的内容) 方法将一个或多个元素添加到数组的开头,并返回该数组的新长度
语法:
let arr = ['red','green']
arr.unshift('pink')
console.log(arr) //pink,red,green
unshift将新增的数组添加到原来的数组前面
删除数组元素
数组. pop() 方法从数组中删除最后一个元素,并返回该元素的值(一次只能删一个)
数组名.pop()
只会删除最后一个元素,所以括号里面的内容不用写
例如:
let arr = ['red','green']
arr.pop()
//会提示出来删除的是谁
console.log(arr.pop()) //green
console.log(arr) //red
数组. shift() 方法从数组中删除第一个元素,并返回该元素的值
语法:
数组名.shift()
只会删除第一个元素括号里面不写内容
例如:
let arr = ['red','green']
arr.shift()
//会提示出来删除的是谁
consolelog(arr.shift()) //green
console.log(arr) //red
目标:能够利用splice删除数组元素(数据),删除指定元素
语法:
数组.splice(start,deletecount)
数组.splice(起始位置,删除几个元素)
解释:
start 起始位置:
指定修改的开始位置(从0计数)
deleteCount:
表示要移除的数组元素的个数
可选的。 如果省略则默认从指定的起始位置删除到最后
let arr = ['red','green','blue']
arr.splice(1,1)//从索引号1的位置开始删除,包括索引号本身
document.write(arr)
冒泡排序
冒泡排序是一种简单的排序算法。
它重复地走访过要排序的数列,一次比较两个元素,如果他们的顺序错误就把他们交换过来。走访数列
的工作是重复地进行直到没有再需要交换,也就是说该数列已经排序完成。
这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端。
比如数组 [2,3,1,4,5] 经过排序成为了 [1,2,3,4,5] 或者 [5,4,3,2,1]
版权声明:
作者:zhuim521
链接:https://zhuimwl.com/82.html
来源:追梦博客
文章版权归作者所有,未经允许请勿转载。

共有 0 条评论