JavaScript（数组的排序，事件）

最新推荐文章于 2024-03-07 22:03:13 发布
最新推荐文章于 2024-03-07 22:03:13 发布
阅读量443 收藏
点赞数
分类专栏： 数组的排序，事件 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44012757/article/details/108579287
版权
本文介绍了JavaScript中数组的排序方法，包括.sort()函数的使用，如何自定义排序，以及.reverse()方法来反转数组元素。同时，文章详细讲解了事件处理的概念，包括事件源、事件名、事件注册和事件处理，并以火灾为例进行生动阐述。重点讨论了常见的鼠标事件，如.onclick、.ondblclick、.onmousedown、.onmouseup、.onmouseenter 和 .onmouseleave。
摘要由CSDN通过智能技术生成

数组的排序
1）.sort（）从小到大顺序排列数组

对数字排序：从小到大

对字母排序：从A到B，大写字母在前

数字字母混合：先排数字，再排字母

通过sort可以找出数组的最小值（xxx[0]）和数组的最大值（xxx[xxx.length-1]）

但是，只能排同样位数的数（即个位数和个位数，两位数与两位数，三位数与三位数，四位数与四位数）

比值函数

还可以自定义排序

function（m，n）

​        return m-n；

reverde（）：反转数组元素

把元素从头到尾反序
在这里插入图片描述
事件

事件源，事件名，事件注册，事件处理

以火灾为例：

xx大酒店201房间发生火灾，打119电话报警，xxx消防大队出警，赶到现场喷水作业成功灭火

事件源：xx大酒店201房间

事件名：火灾

事件注册：规划片区，由xxx消防大队负责

事件处理：喷水

常用事件

（1）鼠标常用事件

onclick单击事件

<body>
		<p id="p1" onclick="fun()">单击事件测试</p>
	</body>
	<script type="text/javascript">
		function fun(){
   
			//获取指定元素
			var p1 = document.getElementById("p1");
			p1.innerText="我被单击了！"
			p1.style.fontSize="80px";
		}
	</script>

在这个事件中，事件源是id为“p1”的元素，事件名是单击，事件注册是οnclick=”fun（）”，就是说，当单击id为”p1“的元素时，交给fun函数来处理

(2）双击事件：ondblclick

<title></title>
		<style type="text/css">
			#div1{
最低0.47元/天 解锁文章
不做程序袁
关注
专栏目录
javascript数组排序汇总
10-23
JavaScript数组排序汇总主要涉及到四种经典的排序算法：冒泡排序、快速排序、插入排序和希尔排序。这些算法在处理数组时有着不同的效率和应用场景。 1. **冒泡排序**（Bubble Sort）： 冒泡排序是一种简单的排序...
JS数组排序-按照KEY的数字或者ascii码排序
热门推荐
大鹏
05-19 1万+
<br /><script language="javascript"><br />  var eidtionTypeList = [<br />     {key:104212,val:"影刻本"},<br />     {key:104211,val:"翻刻本"},<br />     {key:104210,val:"重刻本"},<br />     {key:110,val:"局本"},<br />     {key:109,val:"殿本"},<br />     {key:108,
js（操作内联样式）
qq_35563821的博客
11-23 1546
1、如果css的样式中包含-则在js中不能直接使用-属性，应该去掉-改为驼峰命名法。 <script type="text/javascript"> window.onload=function(){ var div1=document.getElementById("div1"); var btn0=document.getElementById("btn0"); ...
JavaScript基础语法
ernester的博客
10-19 1454
JavaScript基础语法初解
JS 按字母排序
聪明的竹子的博客
02-17 9719
默认情况下，对字符串排序，是按照ASCII的大小比较的，现在，我们提出排序应该忽略大小写，按照字母序排序。要实现这个算法，不必对现有代码大加改动，只要我们能定义出忽略大小写的比较算法就可以： var arr = ['Google', 'apple', 'Microsoft']; arr.sort(function (s1, s2) { x1 = s1.toUpperCase(); x2 = s2.toUpperCase(); if (x1 < x2) { ret
JS更好的字符串排序（字母顺序+数字大小排序）
个人网站：https://www.longzipeng.online
06-11 4894
JS更符合实际的字符串排序【字母顺序+数字大小排序】
【JavaScript】JavaScript 简介 ② ( JavaScript 书写方式 | 内联 JavaScript | 内嵌 JavaScript | 外部 JavaScript )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
03-07 1780
一、JavaScript 书写方式 1、内联 JavaScript 2、内嵌 JavaScript 3、外部 JavaScript
javascript 数组排序函数
10-29
JavaScript数组排序函数是JavaScript编程语言中用于对数组元素进行排序的标准方法。数组的sort方法可以对数组中的元素进行排序，其默认排序行为是按照字符串的Unicode码点顺序进行排序，也就是说，它会将数组元素...
Javascript 数组排序详解
10-25
JavaScript中的数组排序功能主要通过`Array.prototype.sort()`方法实现，这个方法可以对数组中的元素进行排序，无论是简单数据类型还是复杂的数据结构如多维数组或包含对象的数组。`sort()`方法的核心在于可选的`...
JavaScript 数组排序 比较器 示例代码
最新发布
06-12
JavaScript 是一种广泛使用的脚本语言，主要用于网页和Web应用程序的客户端开发。 JavaScript（简称JS）是一种轻量级、解释型、动态类型的脚本语言，主要用于网页前端开发，但也被广泛用于服务器端和移动应用开发。...
JavaScript数组排序功能简单实现
10-15
JavaScript提供了内置的`sort()`函数，它默认按照字典顺序（即字符串比较规则）对数组元素进行排序，这在处理数字数组时可能会导致错误的结果。为了正确地对数字数组进行排序，我们需要自定义排序算法，如在提供的...
JS学习笔记13-操作内联样式
weixin_45636381的博客
01-28 589
一、通过JS修改元素的样式 语法： 元素.style.样式名=样式值（字符串）。 box.style.width="300px"; 注意：如果css样式名中含有-，这种名称在JS中的不合法的，比如background-color，需要将这种样式名修改为驼峰命名法。 box.style.backgroundColor="yellow"; 通过style属性设置的样式都是内联样式，而内联样式有较高的优先级，所以通过JS修改的样式往往会立即显示，但是如果在样式中写了！important,则此时样式
05.02、js之数组排序
weixin_44867717的博客
03-31 264
JavaScript 数组排序 1、数组排序-首字母+大写在前 实例-sort() sort()方法以字母顺序对数组进行排序 var fruits = ["Banana", "Orange", "apple", "Baago"]; var y = fruits.sort(); // ["Baago", "Banana", "Orange", "apple"] 2、反转数组 实例-reverse() reverse() 方法反转数组中的元素 var fruits = ["Banana", "Orang
字符串大小写排序
CallmeMY的博客
09-28 1594
给定一个只包含字母的字符串，按照先小写字母后大写字母的顺序进行排序。 小写字母或者大写字母他们之间不一定要保持在原始字符串中的相对位置。 思路： 两个指针： i——左侧排好小写字母序列最后一位的下一个位置 j——待处理区域的第一个位置 将一个含有大小写字母的字符串排序后，按照小写在前大写在后，并且小写大写均有序输出 方法一：双指针 方法二：冒泡排序 ...
在 JavaScript 中按字母顺序排序 - 如何在 JS 中按名称排序
six6de6的博客
08-16 6136
了解一下字母排序！！！
LeetCode——784. 字母大小写全排列(JS)
zhang1339435196的博客
11-04 879
题目描述： 给定一个字符串S，通过将字符串S中的每个字母转变大小写，我们可以获得一个新的字符串。返回所有可能得到的字符串集合。 示例: 输入: S = “a1b2” 输出: [“a1b2”, “a1B2”, “A1b2”, “A1B2”] 输入: S = “3z4” 输出: [“3z4”, “3Z4”] 输入: S = “12345” 输出: [“12345”] 注意： S 的长度不超过12。 S...
JavaScript
weixin_47120421的博客
06-29 1174
一、JavaScript简介 1. 什么是JavaScript？ JavaScript简称JS，由网景分公司开发的 客户端 脚本语言，不需要编译，可以直接执行 补充： 机器语言（0,1代码）-----汇编语言（助记符)------高级语言（ ① 解释 ②编译） 高级语言---->编译obj目标程序文件---->连接link.exe可执行性文件 解释： WEB前端三层： 结构层HTML，定义页面的结构 样式层CSS，定义页面的样式 行为层JavaScript，用来实现交互，提升用户体验 2. Ja
输入一串字符，要求数字从小到大，字母从a到z排序，输出字母和数字的排序结果。
shelling_x的博客
08-28 6553
输入一串字符，要求数字从小到大，字母从a到z排序，输出字母和数字的排序结果。
【JS笔记】JavaScript sort()方法使用及原理
qq_45677671的博客
10-24 624
JavaScript sort()方法: sort()方法：使数组中的元素按照一定顺序排列 语法格式： Array.sort(function()); 参数说明： Array（必选项）：任意数组对象。 function()（可选项）：规定排序顺序。 使用方法： 如果不指定方法函数function()，则按照Unicode码顺序排列。 例1：Array数组均为字母型字符串，则按字母顺序排列： var...
Javascript数组排序
10-18
好的，Javascript数组排序可以使用sort()方法来实现。sort()方法可以接受一个可选的比较函数作为参数，用于指定排序规则。如果不传入比较函数，则默认按照Unicode码点进行排序。 下面是一个例子，将一个数字数组按照从小到大的顺序进行排序： ```javascript const arr = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5]; arr.sort((a, b) => a - b); console.log(arr); // [1, 1, 2, 3, 3, 4, 5, 5, 5, 6, 9] ``` 如果要按照从大到小的顺序进行排序，可以将比较函数改为`b - a`。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

不做程序袁

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值