专栏首页前端说吧JS-Array数组对象

JS-Array数组对象

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Array对象练习</title>
	</head>
	<body>
		<div>
			<h1>实验</h1>
			<h3>concat()</h3>
			<script type="text/javascript">
				var myArray = [1, 2, 3, 4, 5];
				var arr = myArray.concat('上山打老虎');
				document.write(arr);
				document.write('<hr/>');
				var arr2 = "老虎没打着";
				var arr3 = "打着小松鼠";
				document.write(arr.concat(arr2, arr3));
				document.write('<h4>总结:可见,既可以在括号里直接添加要连接的内容,也可以把连接的内容定义为变量,然后再concat括号内加入变量名称</h4>')
			</script>
		</div>
		<div>
			<h1>实验</h1>
			<h3>join(分隔符)</h3>
			<script type="text/javascript">
				var myArray2 = [1, 2, 3, 4, 5];
				var join1 = myArray2.join('-');
				document.write(join1);
				document.write('<h4>总结:返回一个字符串,该字符串把数组内的各个元素串联起来,用(分隔符)置于元素之间,此方法不影响元素本身的内容,我们使用join(),将数组的所有元素放入一个字符串之中。</h4>')
			</script>
		</div>
		var join2 = myArray3.slice(-2,5);
		<div>
			<h1>实验</h1>
			<h3>slice(start,end)</h3>
			<script type="text/javascript">
				var myArray3 = ['a', 'b', 'c', 'd', 'e'];
				var join1 = myArray3.slice(2, 4);
				document.write(join1);
				var join2 = myArray3.slice(-2, 5);
				var join2_1 = myArray3.slice(-2, -5);
				document.write('<br />' + join2 + join2_1 + '<br/>join2_1为空' + '<br/>start为负值时,end为正,向后截,end为负值向前截,但是end为正数值不能是start对应元素前边元素的下标,否则为空');
				document.write('<h4>总结:1,可用负值从数组尾部选取元素.2,如果end为空,则slice()方法选取从start到数组结尾的所有元素。3.此方法Array()与String()相似</h4>')
			</script>
		</div>
		<div>
			<h1>实验</h1>
			<h3>sort(方法函数)</h3>
			<script type="text/javascript">
				var myArray4 = [1, 23, 45, 12, 345, 678, 96, 4, 123];
				var join3 = myArray4.sort();
				document.write(join3 + '<br/>可见:如果不指定函数,则按照unicode编码顺序,1-9,a-z,且按照元素第一位,不管后边多少位,尤其数字时明显<br />');
				//排序函数
			//升序
				function sortNum1(a, b) {
					return a - b; //升序
					//return b - a;//降序
				}
				var join3_1 = myArray4.sort(sortNum1);
				document.write('升序:' + join3_1 + '<br />');
			//降序
				function sortNum2(a, b) {
					//return a - b;//升序
					return b - a; //降序
				}
				var join3_2 = myArray4.sort(sortNum2);
				document.write('降序:' + join3_2);
				document.write('<h4>总结:该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字,比较函数应该具有两个参数a和b,其返回值入如下:<br/>1,若返回值<=-1,则表示A在排序后的序列中出现在B之前。<br/>2,若返回值>-1&&<1,则表示A和B具有相同的排序顺序。<br/>3,若返回值>=1,则表示A在排序后的顺序中出现在B之后。<br/>总之,(a - b) 为升序,(b - a) 为降序</h4>')
			</script>
		</div>
	</body>
</html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • JS-用js的for循环实现九九乘法表以及其他算数题等

    xing.org1^
  • JS-纯js制作动态成绩表(流程控制语句+js内置对象)

    xing.org1^
  • JS-缓冲运动-对联型悬浮框

    xing.org1^
  • SQL中语句:UNION all与UNION 的用法与区别

    UNION用的比较多union all是直接连接,取到得是所有值,记录可能有重复   union 是取唯一值,记录没有重复   1、UNION 的语法如下:  ...

    学到老
  • SQL中语句:UNION all与UNION 的用法与区别

    UNION用的比较多union all是直接连接,取到得是所有值,记录可能有重复 union 是取唯一值,记录没有重复 1、UNION 的语法如下: ...

    学到老
  • SQL中语句:UNION all与UNION 的用法与区别

    UNION去重且排序 UNION ALL不去重不排序 UNION用的比较多union all是直接连接,取到得是所有值,记录可能有重复   union 是取唯...

    学到老
  • SQL中语句:UNION all与UNION 的用法与区别

    UNION去重且排序 UNION ALL不去重不排序 UNION用的比较多union all是直接连接,取到得是所有值,记录可能有重复 union 是取唯一...

    学到老
  • django 无限层级的评论

    https://github.com/zmrenwu/django-mptt-comments

    py3study
  • jQuery.unique引发一个血案

    项目开发过程中,PM说系统只要在一个特定的浏览器中运行就好,但是在其他的浏览器中不能出现逻辑的错误,所以在开发过程中,前端和后台选择是Chrome浏览器,没有仔...

    八哥
  • XListView实现网络加载图片和下拉刷新

    本文实例为大家分享了XListView实现网络加载图片,和下拉刷新的功能,供大家参考,具体内容如下

    砸漏

扫码关注云+社区

领取腾讯云代金券