JavaScript基础(九)

冒泡排序

用例子比较好理解:

var arry=[7,2,6,3,4,1,8];

    //拿出第一位数7和后面依次比较,遇到大的8就换位,8再与后面依次比较,没有能和8换位的数,再从下一位2依次与下面的数比较。

    console.log('排列之前:'+arry);

    for (var i=0; i<arry.length; i++){

        for (var j=i+1; j<arry.length; j++){

            if (arry[i]<arry[j]){

                //换位

                var b=arry[i];

                arry[i]=arry[j];

                arry[j]=b;

            }

        }

    }

    console.log('排列之后:'+arry);

2ce03b3978414287b0752e27b2c8990c.png

就这么简单,这就是冒泡排序。

对于排序我们也可以直接使用js封装好的sort()方法:

 //调用封装好的sort()方法:

    var arry=[7,2,6,3,4,1,8,5,9];

    //升序(直接数组名.sort()):

    arry.sort();

    console.log(arry);

4cec48c3d23e469d9bf7c2fadecee223.png

有升序就有降序:

//降序:

    arry.sort(function (a,b){

        return b-a;

    });

    console.log(arry);

fda9f467a94949529f3768faf1791b38.png

数字排序我们就用function,为啥呢,因为正序直接.sort()有时候不适用,不信?那我们再写写看看:

var arry=[1,2,3,5,6,10,11];

    arry.sort();

    console.log(arry);

c1e9d2eb61564734931465b0ac00a224.png

 10.11这俩哥们就上去了。

因为我们用sort简单转,它转的是什么,是字符编码的顺序进行排序的,看ASCII 表,数字给你转成一个十进制,但它又会去底层进行二进制的转换,就像2>10>11,

bcf2934fc7b8446f9c5caf25eefa44f1.png

知道就行,直接用function就不会出现这种情况,倒序return的是b-a,正序换成a-b就行了。

 

    //字符串也可以排序,如果是字符串排序没必要用function.

    var arry=['c','a','b','d','f','e'];

    arry.sort();

    console.log(arry);

f273c74a6eae437686d266584fcf6f2b.png

 什么是对象/对象的属性以及方法

万物皆对象,不管是变量还是乱七八糟的值都可以当做对象,数组也是对象。比如:

 var arry=[1,2,3,5,6,10,11];

    console.log(typeof arry);

typeof可以查看属性

cfaf150f7cc841f89d75090849f2824c.png 8977bd1e747b47989adb5339a102f04b.png

object啥意思不用多说了吧。

对象可以有两部分:

①属性://死的东西。

②方法://活的东西。

什么活的死的?比如一个桌子,有长宽高这几个属性,每个属性可以有不同的值,长宽高是死的吧,还不明白?听听啥是活的就明白了,就是你这个桌子可以干什么,可以做餐桌,可以做会议桌…

再举个例子,冰箱这个对象,有属性:冷藏,冷冻…有方法:可以冷藏水果,可以冷冻肉类…

明白了吧,它能干什么,我们就可以给它写一套方法,后面还有封装,我们把这个方法封装好,用的时候直接调用就可以了,就像我们上面用的typeof,它为什么能看出类型,本质上就是人家提前写好的方法,封装好,我们直接拿来用了,OK,明白了。

Arry对象

1.Array(数组)对象,

//相当于声明了一个Array对象

   var arr =new Array(2,3,4,5);

   console.log(arr);

8d6d538cda4243779d7bddb2f7abc415.png

 //像我们前面说的,数组都有长度,数组名.length,指定它有多长,它就只能放多少

比如我们:  arr.length =3;

4663159d87fe4ee4a7fc1edb90ff0087.png

它就只能放三组,我们后面规定的它放不进去

我们前面说了对象有方法,那Array是对象,肯定也有方法,我们主要介绍这几个方法(还有很多直接去查官方的文档看):

那怎么调用方法呢,对象名.方法就好了。

join()方法

//通过一个分隔符,把数组内所有元素拼成一个字符串。

var arr=[1,2,3,5,6];

arr =arr.join('-');

console.log(arr);

//然后就变成了一个string类型

99e59b442dbd46a2826c9256bc31a872.png

arr.join('')中用什么就用什么分隔开,也可以直接为空。

//拼接后得到的是一个新内容,并不会修改原始数组。

push()方法

向数组中加内容,修改原始数组,没什么好说的。

sort()方法

排序方法,前面说过了,也是修改了原始数组。

concat()方法

拼接数组

//a.concat(b);a来合并b

var a=[1,2,3];

var b=[100,110,120];

c = a.concat(b);

console.log(c);

如果要打印看结果,别忘了用个变量接收。

7ba8929727f848bcb13d61834ea6794f.png

谁合并谁,谁就放在前面。

那既然合并了直接log a不就好了,好,来看看console.log(a);

30f93eb3080544c58a17898e6d38ce7f.png

 说明他合并后并没有修改原始数组。

splice()方法

//splice(a,b);从下标a处开始删除,往后删除b个

var a=[100,200,300,400,500,600];

a.splice(2,3);

console.log(a);

cb6331363794449f81a4f2b1e0d93abd.png

直接log a出结果,说明改变了原始数组。

还有一个比较好玩的随机数random(),随便用个变量接收:

var a= Math.random();

console.log(a);

 bbc4bbd6f48c47378bdf894e71fcd2b4.png

它是随机生成一个0-1之间的随机数。

可以在输出时*10,使用round()、ceil()、floor()和parseInt()取整,作为一些限制条件输出,之前好像说过,在复习下:

其中round()是四舍五入取整,ceil() 是向上取整,floor() 是向下取整,parseInt() 只取整数部分。

还可以使用别的方法作为限制条件,写一些好玩的东西,尽情发挥想象。

 

 

 

 

 

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

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

10个顶级的论文降重指令,让你的论文降重至1.9%

10个顶级的论文降重指令&#xff0c;本硕博写论文必备&#xff01; 在ChatGPT4o对话框中输入&#xff1a;写一个Spring BootVue实现的车位管理系统的论文大纲&#xff0c;并对其具体章节进行详细描述。 几小时即可完成一份1万字论文的编写 在GPTS中搜索论文降重&#xff0c;使…

力扣:92. 反转链表 II(Java)

目录 题目描述&#xff1a;示例 1&#xff1a;示例 2&#xff1a;代码实现&#xff1a; 题目描述&#xff1a; 给你单链表的头指针 head 和两个整数 left 和 right &#xff0c;其中 left < right 。请你反转从位置 left 到位置 right 的链表节点&#xff0c;返回 反转后的…

Qt_电脑wifi相关操作

项目描述: 在做项目时用到了获取wifi的操作。在网上查找了好久资料,这里做一些总结。 这里有显示当前电脑wifi连接状态,列出wifi列表,连接断开wifi等函数。欢迎大家留言添加文章内容。 使用范围: windows电脑(中文的环境) 使用技术:windows的cmd命令。和对字符串的解析…

Spring Boot 3.x使用knife4j

Spring Boot 3.x使用knife4j 1.添加knife4j依赖 <dependency><groupId>com.github.xiaoymin</groupId><artifactId>knife4j-openapi3-jakarta-spring-boot-starter</artifactId><version>4.4.0</version> </dependency>2.在…

el-table 组件实现 “合并单元格 + N行数据小计” 功能

目录 需求 - 要实现的效果初始代码代码升级&#xff08;可供多个表格使用&#xff09;CommonTable.vue 子组件 使用子组件1 - 父组件 - 图1~图3使用效果展示 使用子组件2 - 父组件 - 图4使用效果展示 注意【代码优化 - 解决bug】 需求 - 要实现的效果 父组件中 info 数据示例 …

听说京东618裁员没?上午还在赶需求,下午就开会通知被裁了~

文末还有最新面经共享群&#xff0c;没准能让你刷到意向公司的面试真题呢。 京东也要向市场输送人才了? 在群里看到不少群友转发京东裁员相关的内容&#xff1a; 我特地去网上搜索了相关资料&#xff0c;看看网友的分享&#xff1a; 想不到马上就618了&#xff0c;东哥竟然抢…

[SMB协议][问题][解决方法]电视访问共享视频 | 该共享设备尚未共享任何文件 | 音频格式不支持 | 播放卡顿

1.该共享设备尚未共享任何文件 | 一些智能电视&#xff08;比如价格比较美丽&#xff0c;或者比较老的&#xff09;兼容性可能较差&#xff0c; 1. 一般而言win 10默认关闭smb 1.0默认开启着smb 2.0&#xff0c;smb 1.0不安全&#xff0c;比较过时的技术&#xff0c;且微软建议…

CentOS 7安装prometheus

说明&#xff1a;本文介绍如何在CentOS操作系统上安装prometheus Step1&#xff1a;下载安装包 访问Github仓库&#xff0c;下载对应版本的prometheus安装包 https://github.com/prometheus/prometheus/releases 操作系统的版本信息&#xff0c;可通过下面这两个命令查看&am…

Sping源码(八)—registerBeanPostProcessors

序言 之前我们用大量的篇幅介绍过invokeBeanFactoryPostProcessors()方法的执行流程。 而invokeBeanFactoryPostProcessors的主要逻辑就是遍历执行实现了BeanDefinitionRegistryPostProcesso类(主要是针对BeanDefinition的操作)和BeanFactoryPostProcessor(主要针对BeanFacrot…

Python实现国密GmSSL

Python实现国密GmSSL 前言开始首先安装生成公钥与私钥从用户证书中读取公钥读取公钥生成签名验证签名加密解密 遇到的大坑参考文献 前言 首先我是找得到的gmssl库&#xff0c;经过实操&#xff0c;发现公钥与密钥不能通过pem文件得到&#xff0c;就是缺少导入pem文件的api。这…

2024年 电工杯 (A题)大学生数学建模挑战赛 | 园区微电网风光储协调优化配置 | 数学建模完整代码解析

DeepVisionary 每日深度学习前沿科技推送&顶会论文&数学建模与科技信息前沿资讯分享&#xff0c;与你一起了解前沿科技知识&#xff01; 本次DeepVisionary带来的是电工杯的详细解读&#xff1a; 完整内容可以在文章末尾全文免费领取&阅读&#xff01; 问题重述…

常用的框架——— Android UtilCode

AndroidUtilCode是一个功能强大且易于使用的Android库。该库封装了Android开发中经常使用的具备完整演示和单元测试的功能。经过使用其封装的API&#xff0c;能够大大提升开发效率。该程序主要由两个模块组成&#xff0c;utilcode&#xff08;一般在开发中使用&#xff09;和su…

windows 下访问 csdn 异常问题

windows下访问csdn可能会出现什么 确认是真人 或着直接连接不上的情况, 需要在 C:\Windows\System32\drivers\etc 路径下 hosts文件中添加如下内容 1.180.18.85 blog.csdn.net 如果目录下没有hosts文件就自己建一个

2024电工杯B题保姆级分析完整思路+代码+数据教学

2024电工杯B题保姆级分析完整思路代码数据教学 B题题目&#xff1a;大学生平衡膳食食谱的优化设计及评价 接下来我们将按照题目总体分析-背景分析-各小问分析的形式来 总体分析&#xff1a; 题目要求对两份一日膳食食谱进行营养分析和调整&#xff0c;然后设计优化的平衡膳…

用Python的PyAutoGUI库控制鼠标滚轮

哈喽&#xff0c;大家好&#xff0c;我是木头左&#xff01; 轻松上手&#xff1a;安装与导入 要开始使用pyautogui库&#xff0c;你需要做的第一件事就是确保它已经被安装在你的Python环境中。你可以通过运行以下命令来安装&#xff1a; pip install pyautogui安装完成后&am…

NebulaGraph

文章目录 关于 NebulaGraph客户端支持安装 NebulaGraph关于 nGQLnGQL 可以做什么2500 条 nGQL 示例原生 nGQL 和 openCypher 的关系 Backup&Restore功能 导入导出导入工具导出工具 NebulaGraph ImporterNebulaGraph ExchangeNebulaGraph Spark ConnectorNebulaGraph Flink …

运行Android项目时,提示错误: 程序包javax.annotation.processing不存在

今天在运行项目时提示错误: 错误: 程序包javax.annotation.processing不存在 import javax.annotation.processing.Generated; 最后是修改了Android Studio的JDK的路径修改为你安装的JDK路径&#xff0c;完成的修复&#xff1a;

在深度学习中常见的初始化操作

目录 截断正态分布来初始化张量 逐行代码解释 相关理论解释 截断正态分布函数 截断正态分布的定义 截断正态分布的作用 计算截断点的作用 具体步骤 正态分布的累积分布函数&#xff08;CDF&#xff09; 正态分布的累积分布函数与误差函数的关系 示例计算 误差函数 应…

软件设计师-上午题-计算题汇总

一、存储系统 - 存储容量计算&#xff08;字节编址、位编址、芯片个数&#xff09; 内存地址是16进制 内存地址编址的单位是Byte&#xff0c;1K1024B 1B 8 bit 1.计算存储单元个数 存储单元个数 末地址 - 首地址 1 eg. 按字节编址&#xff0c;地址从 A4000H 到 CBFFFH&…

使用B2M 算法批量将可执行文件转为灰度图像

参考论文 基于二进制文件的 C 语言编译器特征提取及识别 本实验使用 B2M 算法将可执行文件转为灰度图像&#xff0c;可执行文件转为灰度图的流程如图 4-3 所示。将 可执行文件每 8 位读取为一个无符号的的整型常量&#xff0c;一个可执行文件得到一个一维向量&#xff0c; …