JavaScript(28):数组方法：concat\join\reverse\sort

最新推荐文章于 2022-01-17 10:42:08 发布
最新推荐文章于 2022-01-17 10:42:08 发布
阅读量209 收藏
点赞数
分类专栏： 前端开发-javascript基础
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32901251/article/details/88403366
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript">
			
			var arr = ["孙悟空","猪八戒","沙和尚"];
			var arr2 = ["白骨精","玉兔精","蜘蛛精"];
			var arr3 = ["二郎神","太上老君","玉皇大帝"];
			
			/*
			 * concat()可以连接两个或多个数组，并将新的数组返回
			 * 	- 该方法不会对原数组产生影响
			 */
			var result = arr.concat(arr2,arr3,"牛魔王","铁扇公主");
			
			/*
			 * join()
			 * 	- 该方法可以将数组转换为一个字符串
			 * 	- 该方法不会对原数组产生影响，而是将转换后的字符串作为结果返回
			 * 	- 在join()中可以指定一个字符串作为参数，这个字符串将会成为数组中元素的连接符
			 * 		如果不指定连接符，则默认使用,作为连接符
			 */
			arr = ["孙悟空","猪八戒","沙和尚","唐僧"];
			
			result = arr.join("@-@");
			/*
			 * reverse()
			 * 	- 该方法用来反转数组（前边的去后边，后边的去前边）
			 * 	- 该方法会直接修改原数组
			 */
			
			arr.reverse();
			
			//console.log(arr);
			
			arr = ["b","d","e","a","c"];
			
			/*
			 * sort()
			 * 	- 可以用来对数组中的元素进行排序
			 * 	- 也会影响原数组，默认会按照Unicode编码进行排序
			 */
			arr.sort();
			//arr.reverse();
			
			/*
			 * 即使对于纯数字的数组，使用sort()排序时，也会按照Unicode编码来排序，
			 * 	所以对数字进排序时，可能会得到错误的结果。
			 * 
			 * 我们可以自己来指定排序的规则
			 * 	我们可以在sort()添加一个回调函数，来指定排序规则，
			 * 		回调函数中需要定义两个形参,
			 * 		浏览器将会分别使用数组中的元素作为实参去调用回调函数
			 * 		使用哪个元素调用不确定，但是肯定的是在数组中a一定在b前边
			 * 	- 浏览器会根据回调函数的返回值来决定元素的顺序，
			 * 		如果返回一个大于0的值，则元素会交换位置
			 * 		如果返回一个小于0的值，则元素位置不变
			 * 		如果返回一个0，则认为两个元素相等，也不交换位置
			 * 
			 * 	- 如果需要升序排列，则返回 a-b
			 * 		如果需要降序排列，则返回b-a
			 */
			arr = [5,4,2,1,3,6,8,7];
			
			arr.sort(function(a,b){
				
				//前边的大
				/*if(a > b){
					return -1;
				}else if(a < b){
					return 1;
				}else{
					return 0;
				}*/
				
				//升序排列
				//return a - b;
				
				//降序排列
				return b - a;
				
			});
			
			console.log(arr);
			
		</script>
	</head>
	<body>
		
	</body>
</html>
叫我铁头娃_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【Javascript】数组连接concat()
O(∩_∩)O
12-16 431
concat() 方法用于连接两个或多个数组。此方法返回一个新数组，不改变原来的数组。 语法 arrayObject.concat(array1,array2,...,arrayN) 参数说明： 注意:  该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。 我们创建一个数组，将把 concat() 中的参数连接到数组 myarr 中，代码如下：
剩余数组（从'水果数组'筛选掉'吃了的数组'）
weixin_34365635的博客
06-12 210
fruits = ['香蕉','苹果','梨子','水蜜桃','橘子','橙子']; eatfruit = ['香蕉','水蜜桃','橘子']; other = []; this.other = this.fruits.filter(item => { return this.eatfruit.every(item2 => { return ...
14.数组剩余方法——js基础
✈ 正在努力 の 寒江（StudiousTiger) ✌ 呐 ✈
08-15 171
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> var a=[1,2,3];
70.数组的剩余方法
quanxiaobai_的博客
07-14 72
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>数组的剩余方法</title> <script type="text/javascript"> var arr = ["孙悟空","猪八戒","沙和尚"]; var arr2 = ["白骨精","玉兔精","蜘蛛精"]; var arr3 = ["二郎神","牛魔王"];
js获取剩余数组中的参数
LRQQHM的博客
01-17 626
const source = [1,2,3,4,5,6,7,8,9,10]; function removeFirstTwo(list) { const [a,b, ...arr] = list; // Change this line return arr; } const arr = removeFirstTwo(source); 会返回arr [3,4,5,6,7,8,9,10]
javascript数组使用调用方法汇总
10-30
JavaScript 数组提供了多种方法来操作数组，包括 `concat`、`reverse`、`slice` 等。 * `concat` 方法：将一个或多个数组合并成一个新数组。 例如：`var a = [1, 2, 3]; var b = a.concat([4, 5]); // b: [1, 2, 3...
javascript 数组的方法集合
10-30
在JavaScript中，数组是一种非常重要的数据...掌握这些数组方法对于JavaScript开发至关重要，它们大大提高了处理数组数据的效率和灵活性。在实际编程中，根据需求选择合适的方法，可以更有效地实现数组的操作和处理。
谈谈JavaScript数组常用方法总结
10-20
理解并熟练掌握这些数组方法，对于编写高效、简洁的JavaScript代码至关重要。通过合理利用这些方法，我们可以轻松地对数组进行增删改查、排序、合并、筛选等操作，从而实现更复杂的业务逻辑。在实际开发中，一定要...
JavaScript基础进阶之数组方法总结(推荐)
01-19
数组常用方法总结： 下面我只总结了es3中常...2个数组排序方法：reverse（）、sort（） 连接数组的方法： 1、concat（） 作用：连接两个数组，合并为一个新数组。 用法：arr1.concat（arr2，arr2…） 示例： [removed]
js-array-playground:JavaScript数组游乐场
05-15
一个Vue.js项目，用于从ES6开始尝试新数组和箭头功能 内容 Array.filter（） Array.find（） Array.findIndex（） Array.map（） Array.reduce（） Array.filter（）。map（） Array.sort（） Array.reverse...
js html 拼接,JavaScript concat() 方法
weixin_28813803的博客
06-15 127
实例例子 1在本例中，我们将把 concat() 中的参数连接到数组 a 中：var a = [1,2,3];document.write(a.concat(4,5));输出：1,2,3,4,5例子 2在本例中，我们创建了两个数组，然后使用 concat() 把它们连接起来：var arr = new Array(3)arr[0] = "George"arr[1] = "John"arr[2] =...
js数组排序 reverse()和sort()方法的使用
weixin_30763397的博客
08-13 387
WEB前端|js数组排序reverse()和sort()方法的使用，数组中已经存在两个可以直接用来重排序的方法：reverse()和sort()。 reverse()方法会对反转数组项的顺序。 var values = [1, 2, 3, 4, 5]; values.reverse(); alert(values); //5,4,3,2,1 这里数组的初始值及顺序是1、2、3、4...
js进阶html代码关于Array.join()函数
jaquechen的博客
07-16 386
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compa...
js中join函数的使用方法(js输出html标签)
kjfcpua的专栏
06-24 3952
var arr = [item 1, item 2, item 3, ...];var list = + arr.join() + ;
html--数组合并
张默的博客
08-14 626
push[追加到数组中] <script> let arr1 = [1,2]; let arr2 = ['a','b']; console.log(arr1);//[1,2,['a','b']] </script> concat[合并到数组，创建并返回一个新数组] <script> let arr1 = [1,2]; ...
html中批量替换半角,javascript/html中半角单/双引号变换，及Array push/join方法的使用(转)...
weixin_36018494的博客
06-15 131
??function test(){?? document.getElementById("test").value = "脚本转义半角(\")单引'号";}var a = new Array("a","b","c");a.push("222"); //向数组加入一个元素var b = a.join("_") //替换数组间的分隔符var c = a.join("")alert(a);alert(...
一点一滴学前端 - join()
汤圆一号已就位
05-19 1346
一. 简介 join() 方法的作用是把一个数组通过分隔符拼接成一个字符串 如： strs = [“a”, “b”, “c”, “d”]; 使用result = strs.join(’-’); 可转变成 result = a-b-c-d 二. 语法格式 # 通用格式 Array.join(separator) # 特殊 Array.join() = Array.join(',') 三. 示例 <html> <head> <title>test
js学习笔记59——数组的剩余方法
weixin_45034895的博客
06-29 280
js学习笔记59——数组的剩余方法concatjoinreversesort concat <script> var arr = ["孙悟空","猪八戒","沙和尚"]; var arr2 = ["白骨精","玉兔精","蜘蛛精"]; var arr3 = ["二郎神","太上老君","玉皇大帝"]; var result = arr.concat(arr2,arr3,"牛魔王","铁扇公主"); console.log(arr)
javascript数组方法
最新发布
06-02
JavaScript中常用的数组方法有： 1. push()：向数组末尾添加一个或多个元素，并返回新的数组长度。 2. pop()：删除数组末尾的元素，并返回被删除的元素。 3. unshift()：向数组开头添加一个或多个元素，并返回新的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值