从大到小排序-课后程序(JavaScript前端开发案例教程-黑马程序员编著-第3章-课后作业)

【案例3-3】按从大到小排序

一、案例描述

  1. 考核知识点

冒泡排序

  1. 练习目标
  • 掌握冒泡排序的原理。
  • 掌握for循环的应用。
  1. 需求分析

给出一组数,按照从大到小进行冒泡排序,从大到小序列输出。

  1. 案例分析
  1. 效果如图3-3所示。

 

  1. 从大到小排序

  1. 具体实现步骤如下:
  1. 定义数组arr,里边存放8个元素。
  2. 采用冒泡排序(共循环8-1次)
  3. 第一轮是比较7次 结果:(70 67 49 35 59 98 100 20)。
  4. 第二轮是比较6次 结果:(70 67 49 59 98 100 35 20)。
  5. 第三轮是比较5次 结果:(70 67 59 98 100 49 35 20)。
  6. 第四轮是比较4次 结果:(70 67 98 100 59 49 35 20)。
  7. 第五轮是比较3次 结果:(70 98 100 67 59 49 35 20)。
  8. 第六轮是比较2次 结果:(98 100 70 67 59 49 35 20)。
  9. 第七轮是比较1次 结果:(100 98 70 67 59 49 35 20)。

二、案例实现                                                                           

根据上面的分析,可以通过简单的JavaScript代码来实现这一效果,具体代码如下:

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>从大到小排序</title>
  6. </head>
  7. <body>
  8.     <script>
  9.     var arr = new Array(70,35,67,4,20,59,98,100);
  10.     var exchange = 0; // 中间交换变量
  11.     // 第一次for用来控制比较的轮数,i代表轮次
  12.     for(var i=1;i < arr.length;i++){
  13.         // 控制每轮比较几次的
  14.         for(var j=0;j < arr.length-i;j++){
  15.             if(arr[j] < arr[j+1]){
  16.                 //实现交换
  17.                 exchange = arr[j];
  18.                 arr[j]=arr[j+1];
  19.                 arr[j+1]=exchange;
  20.             }
  21.         }
  22.     }
  23.     alert(arr)
  24.     alert(arr[0]); // 100 测试数组第一个元素是不是100
  25.     alert(arr[7]); // 20  测试数组最后一个元素是不是20
  26. </script>
  27. </body>
  28. </html>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.kler.cn/a/6190.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

【经验】PCB拼板,不得不注意的10个问题,要收藏哦!

我们在完成PCB设计的时候&#xff0c;有一些板子我们通常是需要进行拼版的&#xff0c;什么情况下需要拼板?而我们拼版时又需要注意哪些问题呢&#xff1f; 一、为什么要PCB拼板&#xff1f; 拼板指的是将一张张小的PCB板让厂家直接给拼做成一整块。从PCB设计开始&#xff0c…

MySQL-事务

目录 &#x1f341;什么是事务 &#x1f341;隔离级别 &#x1f343;未提交读 &#x1f343;已提交读 &#x1f343;可重复读 &#x1f343;可串行化 &#x1f990;博客主页&#xff1a;大虾好吃吗的博客 &#x1f990;MySQL专栏&#xff1a;MySQL专栏地址 什么是事务 多条sql语…

spark sql(五)sparksql支持查询哪些数据源,查询hive与查询mysql的区别

1、数据源介绍 sparksql默认查询的数据源是hive数据库&#xff0c;除此之外&#xff0c;它还支持其它类型的数据源查询&#xff0c;具体的到源码中看一下&#xff1a; 可以看到sparksql支持查询的数据源有CSV、parquet、json、orc、txt、jdbc。这些数据源中前面五个我还能理解&…

【新2023Q2模拟题JAVA】华为OD机试 - 二叉树层次遍历

最近更新的博客 华为od 2023 | 什么是华为od,od 薪资待遇,od机试题清单华为OD机试真题大全,用 Python 解华为机试题 | 机试宝典【华为OD机试】全流程解析+经验分享,题型分享,防作弊指南华为od机试,独家整理 已参加机试人员的实战技巧本篇题解:二叉树层次遍历 题目 有一棵…

Linux下 lsof 命令详解

Linux下 lsof 命令详解 lsof 是 List Open File 的缩写, 它主要用来获取被进程打开文件的信息,我们都知道,在Linux中,一切皆文件,lsof命令可以查看所有已经打开了的文件,比如: 普通文件,目录,特殊的块文件,管道,socket套接字,设备,Unix域套接字等等,同时,它还可以…

文件系统设计详解

抽象的文件系统以目录的形式来组织文件&#xff0c;我们可以利用该文件系统来读取某个文件的内容&#xff0c;也可以对目录或者文件实施监控并及时获取变化的通知。 IChangeToken IChangeToken对象就是一个与某组监控数据相关联的“令牌”&#xff08;Token&#xff09;&#x…

蓝桥杯第21天(Python)(疯狂刷题第4天)

题型&#xff1a; 1.思维题/杂题&#xff1a;数学公式&#xff0c;分析题意&#xff0c;找规律 2.BFS/DFS&#xff1a;广搜&#xff08;递归实现&#xff09;&#xff0c;深搜&#xff08;deque实现&#xff09; 3.简单数论&#xff1a;模&#xff0c;素数&#xff08;只需要…

Kafka 原理以及分区分配策略剖析

Kafka 原理以及分区分配策略剖析 一、简介 Apache Kafka 是一个分布式的流处理平台&#xff08;分布式的基于发布/订阅模式的消息队列【Message Queue】&#xff09;。 流处理平台有以下3个特性&#xff1a; 可以让你发布和订阅流式的记录。这一方面与消息队列或者企业消息…

【HTML系列】第五章 · 表单

写在前面 Hello大家好&#xff0c; 我是【麟-小白】&#xff0c;一位软件工程专业的学生&#xff0c;喜好计算机知识。希望大家能够一起学习进步呀&#xff01;本人是一名在读大学生&#xff0c;专业水平有限&#xff0c;如发现错误或不足之处&#xff0c;请多多指正&#xff0…

【新2023Q2模拟题JAVA】华为OD机试 - 最大报酬

最近更新的博客 华为od 2023 | 什么是华为od,od 薪资待遇,od机试题清单华为OD机试真题大全,用 Python 解华为机试题 | 机试宝典【华为OD机试】全流程解析+经验分享,题型分享,防作弊指南华为od机试,独家整理 已参加机试人员的实战技巧本篇题解:最大报酬 题目 小明每周上班…

多地发布暴雨蓝色预警,池塘水质危机,养殖户如何测控?

中央气象台4月4日06时继续发布暴雨蓝色预警&#xff1a;预计&#xff0c;4月4日08时至5日08时&#xff0c;安徽南部、浙江中南部、福建西部、江西大部、湖南南部、广西东北部、广东北部及辽东半岛、山东半岛等地部分地区有大到暴雨&#xff0c;其中&#xff0c;江西东部、福建西…

ThreeJS-自定义矩形BufferGeometry(八)

代码&#xff1a; <template> <div id"three_div"></div> </template> <script> import * as THREE from "three"; import { OrbitControls } from "three/examples/jsm/controls/OrbitControls"; import gsap fr…

【CVPR2022】On the Integration of Self-Attention and Convolution自注意力和卷积的融合

论文题目&#xff1a;On the Integration of Self-Attention and Convolution 论文地址&#xff1a;https://arxiv.org/pdf/2111.14556.pdf 论文代码&#xff1a;https://github.com/LeapLabTHU/ACmix 更详细内容和计算量、参数量等推导发表在知乎 一、研究背景 近年来&#…

为你的网站加上Loading等待加载效果吧 | Loading页面加载添加教程

为你的网站加上Loading等待加载效果吧 | Loading页面加载添加教程 效果图 : 教程开始 新建一个loading样式css 将以下代码放进去 然后引用这个文件 code #Loadanimation{ background-color:#fff; height:100%; width:100%; position:fixed; z-index:1; ma…

金丹三层 —— 内存函数和字符串操作函数详解

目录 一.修炼必备 二.字符串操作的常用函数 2.1 strlen()函数 2.2 strcpy()函数 2.3 strcat()函数 2.4 strcmp()函数 2.5 strstr()函数 2.6 strtok()函数 2.7 strerror()函数 三.内存操作的常用函数 3.1 memcpy()函数 3.2 memmove()函数 3.3 memcmp()函数 结语 一…

Hadoop - HDFS文件系统

目录 HDFS文件系统 1、文件系统定义 2、大数据时代&#xff0c;面对海量数据&#xff0c;传统的文件存储系统会面临哪些挑战&#xff1f; 3、分布式存储系统的核心属性及功能含义 一、分布式存储的优点 二、元数据记录的功能 三、分块存储好处 四、副本机制的作用 4、…

宝塔Linux面板部署Python flask项目

目录 &#x1f449;1、前言 &#x1f449;2、安装python项目管理器 &#x1f449;3、上传项目文件及文件夹 &#x1f449;4、配置项目 &#x1f449;5、请求测试 学习记录&#xff1a; &#x1f449;1、前言 写在前面&#xff1a;前几天我们实现了外网内外登录正方教务系…

IDEA vs Eclipse:使用体验对比

1. 概述 IDEA 和 Eclipse 都是常见的集成开发环境&#xff08;IDE&#xff09;&#xff0c;用于编写和调试代码。它们都有一些共同的功能&#xff0c;例如代码编辑器、调试器、版本控制等等。但是在具体的使用体验上&#xff0c;它们有很多不同之处。 本文将对 IDEA 和 Eclip…

蓝桥杯算法全集之多重背包问题I(动态规划算法)

一、概念定义有 N 种物品和一个容量是 V 的背包。第 i种物品最多有 si 件&#xff0c;每件体积是 vi&#xff0c;价值是 wi。求解将哪些物品装入背包&#xff0c;可使物品体积总和不超过背包容量&#xff0c;且价值总和最大。输出最大价值。用下面这个图来分别动态规划的四个经…

Vim超详细下载安装与使用教程

文章目录前言零、DOSBox安装所需资源一、Vim的下载二、Vim的安装三、Vim的使用总结前言 本博客的主要内容为Vim软件的下载安装与使用教程&#xff0c;Vim软件在学习Linux或者汇编语言时十分有用&#xff0c;读者跟着我一步一步做一定可以安装成功&#xff0c;我的步骤肯定是全网…
最新文章