js基础,for循环,循环嵌套,数组方法,遍历数组,冒泡排序的原理

js基础,for循环,循环嵌套,数组方法,遍历数组,冒泡排序的原理,第1张

for循环 for循环的基本使用

for循环练习

用for循环输出1-100岁

求1-100所有偶数的和

页面打印小星星

for遍历数组

for和while的区别

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

退出循环contiune和break
循环嵌套的执行过程

利用循环的知识来对比一个简单的天文知识,我们知道地球在自转的同时也在围绕太阳公转,如果把自转和公转都看成是循环的话,就相当于是循环中又嵌套了另一个循环。

 

实际上 JavaScript 中任何一种循环语句都支持循环的嵌套,如下代码所示:

 

循环单词记忆单词案例
五行五列的小星星案例
倒三角形的星星
99乘法表案例

  

为什么需要数组和数组的使用 数组的基本使用

定义数组

数组是按顺序保存,所以每个数据都有自己的编号

计算机中的编号从0开始,所以小明的编号为0,小刚编号为1,以此类推

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

数组可以存储任意类型的数据

定义数组和数组单元

通过 [] 定义数组,数据中可以存放真正的数据,如小明、小刚、小红等这些都是数组中的数据,我们这些数据称为数组单元,数组单元之间使用英文逗号分隔。

取值语法

通过下标取数据

取出来是什么类型的,就根据这种类型特点来访问

一些术语

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

数组求和求平均值 案例

求数组最大值案列

*** 作数组-查和改

增加数组元素push(重点)
unshift前面追加元素

筛选数组案例

数组增加新的数据小结

想要数组末尾增加数据元素利用那个方法?

arr.push()

可以添加一个或者多个数组元素

返回的是数组长度

想要数组开头增加数据元素利用那个方法?

arr.unshift()

可以添加一个或者多个数组元素

返回的是数组长度

重点记住那个? arr.push()

筛选数组去0案例

*** 作数组

数组做为对象数据类型,不但有 length 属性可以使用,还提供了许多方法:

push 动态向数组的尾部添加一个单元

unshit 动态向数组头部添加一个单元

pop 删除最后一个单元

shift 删除第一个单元

splice 动态删除任意单元

使用以上4个方法时,都是直接在原数组上进行 *** 作,即成功调任何一个方法,原数组都跟着发生相应的改变。并且在添加或删除单元时 length 并不会发生错乱。

解释: start起始位置: 指定修改的开始位置(从0计数) deleteCount: 表示要移除的数组元素的个数 可选的。如果省略则默认从指定的起始位置删除 到最后

splice添加数组

数据删除元素小结

1.想要数组末尾删除1个数据元素利用那个方法?带参数吗? arr.pop() 不带参数 返回值是删除的元素 2.想要数组开头删除1个数据元素利用那个方法?带参数吗? arr.shift() 不带参数 返回值是删除的元素 3.想要指定删除数组元素用那个?开发常用吗?有那些使用场景? arr.splice(起始位置,删除的个数) 开发很常用,比如随机抽奖,比如删除指定商品等等

冒泡排序的原理 冒泡排序上

冒泡排序的解释: 冒泡排序是一种简单的排序算法。 它重复地走访过要排序的数列,一次比较两个元素,如果他们的顺序错误就把他们交换过来。走访数列 的工作是重复地进行直到没有再需要交换,也就是说该数列已经排序完成。 这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端。 比如数组[2,3,1,4,5]经过排序成为了[1,2,3,4,5] 或者[5,4,3,2,1]

1.一共需要的趟数我们用外层for循环 5个数据我们一共需要走4趟 长度就是数组长度减去1 arr.length-1 2.每一趟交换次数我们用里层for循环 第一趋交换4次 第二趋交换3次 第三趋交换2次 第四植交换1次 长度就是数组长度减去次数 但是我们次数是从0次开始的 所以最终 arr.length-i-1 3.交换2个变量就好了

冒泡排序下
用函数排序

综合案例生成柱形图
 
四、单词
单词说明实例
unshift在数组前面增加元素
pop删除数组最后一个元素
shift删除数组第一个元素
splice删除指定元素
push增加数组元素

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/944589.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-18
下一篇2022-05-18

发表评论

登录后才能评论

评论列表(0条)

    保存