当前位置: 首页 > news >正文

抽象又有点垃圾的JavaScript

常数的排序

        let x = 10;let y = 20;let z;if (x < y) {z = x;x = y;y = z;}console.log(x, y);//x = 20 ,y = 10

通过一个媒介来继承x的初始值,然后将y的值赋值给x,再把媒介z的值赋值给y,达到排序

一个可重复使用的排序程序

第一种

        function sort1(numb1,numb2){let z;if(numb1 < numb2){z = numb1;numb1 = numb2;numb2 = z; }return `${numb1} ${numb2}`;}    console.log(sort1(10,20));

第二种

        function sort1(numb1,numb2){let z;if(numb1 < numb2){z = numb1;numb1 = numb2;numb2 = z; }console.log(numb1,numb2);}    sort1(10,20);

同作用不同写法,这种会很常见,在第一个的基础上添上函数

引用(数组)类型的排序

固定值的交换

        const arr = [1, 3, 5, 7, 2, 4];let z;if(arr[3] > arr[4]){z = arr[3];arr[3] = arr[4];arr[4] = z;}console.log(arr);// 1,3,5,2,7,4

数组函数

        let arr = [1, 3, 5, 7, 2, 4];let z;function sortT1([...arr]) {for (let j = 0; j < arr.length; j++) {for (let i = 0; i <= arr.length; i++) {if (arr[i] > arr[i + 1]) {z = arr[i];arr[i] = arr[i + 1];arr[i + 1] = z;}}}return(arr);}console.log(sortT1(arr));//(6) [1, 2, 3, 4, 5, 7]

函数不唯一,你可以用多个方法的配合来达到同上面效果一样的方法

在最新的方法中可以优化成这样,使用sort方法

         let arr = [1, 3, 5, 7, 2, 4];console.log(arr.sort(function(a,b){return a-b;}));

数组排序方法—语法:sort(函数(元素1,元素2)返回 a-b;)

运行逻辑,当数组进入sort方法的时候,把arr的数组展开,然后进入函数,当a - b 大于0时不变,

当a - b 小于0时,把值返回到sort方法,进行排序

为什么a-b会运行交换排序?

sort原理可以参考上面的内容,从数字到数组函数的这一过程

上面的内容可以分为:简单-容易-复杂的三步走:

第一步:最简单的交换数值

第二步:随机交换函数

第三步:到数组的随机交换函数

核心:明确的要达到的目的——数组的排序函数

从四个要素来看上面的编程的逻辑想要的信息:需要数字,需要数组,需要变量

                                                                计算:计算他们的过程

                                                                控制流程:循环,判断

                                                                结果:程序的目的是否和目的一样

小结:

sort方法可以用来排列引用类型,引用类型只有一种吗?不有多种

当你不记得sort方法的时候,可以自己从简单的编程到复杂的编程,现成编一个sort方法

方法多种多样,选择合适的最重要,可用sort方法,也可以sorT1(上面使用的函数名字,自己编一个)

相关文章:

抽象又有点垃圾的JavaScript

常数的排序 let x 10;let y 20;let z;if (x < y) {z x;x y;y z;}console.log(x, y);//x 20 ,y 10 通过一个媒介来继承x的初始值&#xff0c;然后将y的值赋值给x&#xff0c;再把媒介z的值赋值给y&#xff0c;达到排序 一个可重复使用的排序程序 第一种 function s…...

【Spring Boot】使用Spring Boot进行transformer的部署与开发

Transformer是一个用于数据转换和处理的平台&#xff0c;使用Spring Boot可以方便地进行Transformer的部署与开发。 以下是使用Spring Boot进行Transformer部署与开发的步骤&#xff1a; 创建Spring Boot项目 可以使用Spring Initializr创建一个简单的Spring Boot项目。在创…...

Qt应用开发(基础篇)——富文本浏览器 QTextBrowser

一、前言 QTextBrowser类继承于QTextEdit&#xff0c;是一个具有超文本导航的富文本浏览器。 框架类 QFramehttps://blog.csdn.net/u014491932/article/details/132188655 滚屏区域基类 QAbstractScrollAreahttps://blog.csdn.net/u014491932/article/details/132245486 文…...

JDBC:更新数据库

JDBC&#xff1a;更新数据库 更新记录删除记录 为了更新数据库&#xff0c;您需要使用语句。但是&#xff0c;您不是调用executeQuery()方法&#xff0c;而是调用executeUpdate()方法。 可以对数据库执行两种类型的更新&#xff1a; 更新记录值删除记录 executeUpdate()方…...

如何自定义iview树形下拉内的内容

1.使用render函数给第一层父级定义 2. 使用树形结构中的render函数来定义子组件 renderContent(h, {root, node, data}) {return data.children.length0? h(span, {style: {display: inline-block,width: 400px,lineHeight: 32px}}, [h(span, [h(Icon, {type: ios-paper-outli…...

技术的巅峰演进:深入解析算力网络的多层次技术设计

在数字化时代的浪潮中&#xff0c;网络技术正以前所未有的速度演进&#xff0c;而算力网络作为其中的一颗明星&#xff0c;以其多层次的技术设计引领着未来的网络构架。本文将带您深入探索算力网络独特的技术之旅&#xff0c;从底层协议到分布式控制&#xff0c;为您呈现这一创…...

图像特征描述和人脸识别

CV_tutorial2 特征检测使用HOG实现行人检测Harris角点检测关键特征检测SIFT纹理特征 LBP算法 模板匹配人脸识别 特征检测 使用HOG实现行人检测 HOG方向梯度直方图 实现过程&#xff1a; 灰度化&#xff08;为了去掉颜色、光照对形状的影响&#xff09;;采用Gamma校正法对输…...

浅谈Lua协程和函数的尾调用

前言 虽然不经常用到协程&#xff0c;但是也不能谈虎色变。同时&#xff0c;在有些场景&#xff0c;协程会起到一种不可比拟的作用。所以&#xff0c;了解它&#xff0c;对于一些功能&#xff0c;也会有独特的思路和想法。 协程 概念 关于进程和线程的概念就不多说。 那么…...

【VS Code插件开发】状态栏(五)

&#x1f431; 个人主页&#xff1a;不叫猫先生&#xff0c;公众号&#xff1a;前端舵手 &#x1f64b;‍♂️ 作者简介&#xff1a;前端领域优质作者、阿里云专家博主&#xff0c;共同学习共同进步&#xff0c;一起加油呀&#xff01; &#x1f4e2; 资料领取&#xff1a;前端…...

睿趣科技:抖音开网店要怎么找货源

在当今数字化的时代&#xff0c;电商平台的兴起为越来越多的人提供了开设网店的机会&#xff0c;而抖音作为一个充满活力的短视频平台&#xff0c;也为创业者提供了广阔的发展空间。然而&#xff0c;对于许多初次涉足电商领域的人来说&#xff0c;找到合适的货源却是一个重要的…...

表和Json的相互操作

目录 一、表转Json 1.使用 for json path 2.如何返回单个Json 3.如何给返回的Json增加一个根节点呢 4.如何给返回的Json增加上一个节点 二、对Json基本操作 1.判断给的字符串是否是Json格式 2.从 JSON 字符串中提取标量值 3. 从 JSON 字符串中提取对象或数组 4. 更…...

每日后端面试5题 第八天

1.UDP和TCP协议的区别 1.UDP无连接&#xff0c;速度快&#xff0c;安全性低&#xff0c;适合高速传输、实时广播通信等。 2.TCP面向连接&#xff0c;速度慢&#xff0c;安全性高&#xff0c;适合传输质量要求高、大文件等的传输&#xff0c;比如邮件发送等。 &#xff08;还…...

mysql数据库和数据表

常用的数据类型: int &#xff1a; 整型 用于定义整数类型的数据float &#xff1a; 单精度浮点4字节32位 准确表示到小数点后六位.double &#xff1a;双精度浮点8字节64位char &#xff1a;固定长度的字符类型 用于定义字符类型数据varchar &#xff1a;可变长度的字符类…...

MySQL执行更新的流程

一、加载缓存数据 引擎要执行更新语句的时候 &#xff0c;比如对“id10”这一行数据&#xff0c;他其实会先将“id10”这一行数据看看是否在缓冲池里&#xff0c;如果不在的话&#xff0c;那么会直接从磁盘里加载到缓冲池里来&#xff0c;而且接着还会对这行记录加独占锁。 二…...

要获取 PHP 中当前时间的前一天、本周、本月、本季度和本年,可以使用 PHP 的内置日期和时间函数。

要获取 PHP 中当前时间的前一天、本周、本月、本季度和本年&#xff0c;可以使用 PHP 的内置日期和时间函数。下面是一些示例代码来帮助你实现这些功能&#xff1a; php // 获取当前时间的前一天 $yesterday date(Y-m-d, strtotime(-1 day));// 获取本周的开始日期和结束日期…...

java八股文面试[java基础]——如何实现不可变的类

知识来源&#xff1a; 【23版面试突击】如何实现不可变的类&#xff1f;_哔哩哔哩_bilibili 【2023年面试】怎样声明一个类不会被继承&#xff0c;什么场景下会用_哔哩哔哩_bilibili...

juc基础(四)

目录 一、ThreadPool 线程池 1、参数说明 2、拒绝策略 3、线程池种类 &#xff08;1&#xff09;newCachedThreadPool(常用) &#xff08;2&#xff09;newFixedThreadPool(常用) &#xff08;3&#xff09;newSingleThreadExecutor(常用) &#xff08;4&#xff09;ne…...

C++智能指针weak_ptr的作用

当使用std::shared_ptr时&#xff0c;循环引用可能会导致资源泄漏的问题。下面是一个简单的示例&#xff0c;展示了循环引用导致资源泄漏的情况&#xff1a; #include <iostream> #include <memory>class A; class B;class A { public:std::shared_ptr<B> b…...

lintcode 344 · 歌曲时间【背包问题,动态规划】

题目链接&#xff0c;描述 https://www.lintcode.com/problem/344/ 给定长度为N的正整数数组song代表N首歌的时间 请你任选其中若干首播放&#xff0c;在满足开始播放最后一首歌的时间小于M的情况下求播放歌曲的最长时间 每首歌只能被播放一次 你可以任意指定播放顺序1 \leq …...

Qt应用开发(基础篇)——对话框窗口 QDialog

一、前言 QDialog类继承于QWidget&#xff0c;是Qt基于对话框窗口(消息窗口QMessageBox、颜色选择窗口QColorDialog、文件选择窗口QFileDialog等)的基类。 QDialog窗口是顶级的窗口&#xff0c;一般情况下&#xff0c;用来当做用户短期任务(确认、输入、选择)或者和用户交流(提…...

3分钟解决Windows软件运行问题:Visual C++运行库合集完全指南

3分钟解决Windows软件运行问题&#xff1a;Visual C运行库合集完全指南 【免费下载链接】vcredist AIO Repack for latest Microsoft Visual C Redistributable Runtimes 项目地址: https://gitcode.com/gh_mirrors/vc/vcredist 你是否经常遇到"缺少msvcp140.dll&q…...

从零到一:手把手部署openGauss极简版并完成基础运维

1. 环境准备&#xff1a;从零搭建openGauss的基石 第一次接触openGauss时&#xff0c;我被它"极简版"的宣传吸引&#xff0c;但真正动手部署才发现&#xff0c;前期环境准备才是决定成败的关键。就像盖房子需要打地基&#xff0c;数据库安装前的系统配置直接影响后续…...

中兴光猫终极管理工具:快速开启工厂模式与永久Telnet指南

中兴光猫终极管理工具&#xff1a;快速开启工厂模式与永久Telnet指南 【免费下载链接】zteOnu A tool that can open ZTE onu device factory mode 项目地址: https://gitcode.com/gh_mirrors/zt/zteOnu zteOnu是一款专为中兴光猫设备设计的专业管理工具&#xff0c;能够…...

如何快速掌握raylib游戏开发:面向初学者的完整实践指南

如何快速掌握raylib游戏开发&#xff1a;面向初学者的完整实践指南 【免费下载链接】raylib A simple and easy-to-use library to enjoy videogames programming 项目地址: https://gitcode.com/GitHub_Trending/ra/raylib 你是否曾梦想过开发自己的游戏&#xff0c;却…...

终极SolidityPy课程完整指南:从零构建区块链游戏与智能合约的完整教程 [特殊字符]

终极SolidityPy课程完整指南&#xff1a;从零构建区块链游戏与智能合约的完整教程 &#x1f680; 【免费下载链接】full-blockchain-solidity-course-py Ultimate Solidity, Blockchain, and Smart Contract - Beginner to Expert Full Course | Python Edition 项目地址: ht…...

SIGLENT SDS2000示波器核心技术解析与应用

1. SIGLENT SDS2000系列超荧光示波器深度解析作为一名电子测试测量行业的老兵&#xff0c;当我第一次接触到SIGLENT SDS2000系列示波器时&#xff0c;那种惊艳感至今记忆犹新。这款2013年发布的设备在当时堪称国产示波器的里程碑之作&#xff0c;其110,000 wfs/s的波形捕获率和…...

不止是编解码:深入VPU硬件层,看BPU如何扛起运动估计与RDO的计算重担

从晶体管到比特流&#xff1a;揭秘VPU中BPU如何用硬件加速视频编解码 当你在4K屏幕上观看一场足球比赛直播时&#xff0c;画面中运动员的每个动作都流畅自然&#xff0c;这背后是每秒数千次的运动预测与补偿计算。传统CPU处理这类任务会瞬间过载&#xff0c;而专用视频处理单元…...

ItsyBitsy RP2040与CircuitPython实战:从硬件解析到环境数据记录仪项目

1. 项目概述&#xff1a;为什么选择ItsyBitsy RP2040&#xff1f;如果你玩过树莓派Pico&#xff0c;或者用过Adafruit的Feather系列开发板&#xff0c;那么第一次拿到ItsyBitsy RP2040时&#xff0c;你可能会和我有同样的感觉&#xff1a;这东西也太小了。它的尺寸只有1.4英寸长…...

python在生活中的实际应用

1.Python的简洁语法适合教学编程基础。科研中&#xff0c;NumPy和SciPy用于数值模拟&#xff0c;SymPy进行符号计算&#xff0c;例如推导物理公式或分析实验数据曲线。2.Pygame库允许快速开发2D游戏或交互式应用。教育领域常用Python编写数学模拟程序&#xff08;如分形生成&am…...

深入解析WasmEdge:高性能WebAssembly运行时的架构设计与工程实践

1. 项目概述&#xff1a;一个高性能的WebAssembly运行时如果你最近在关注云原生、边缘计算或者微服务架构&#xff0c;大概率会听到WebAssembly&#xff08;简称Wasm&#xff09;这个名字。它早已不再是那个只能在浏览器里跑一跑JavaScript的“玩具”了。如今&#xff0c;Wasm正…...