JavaScript对象之数组(四)

编程入门 行业动态 更新时间:2024-10-09 15:17:06

JavaScript对象之<a href=https://www.elefans.com/category/jswz/34/1771288.html style=数组(四)"/>

JavaScript对象之数组(四)

数组方法(join()、reverse()、sort())


join()

语法:
arrayObject.join(separator);
功能:
用于把数组中的所有元素放入一个字符串
返回值:
字符串

reverse()

语法:
arrayObject.reverse();
功能:
用于颠倒数组中元素的顺序
返回值:
数组

sort()

语法:
arrayObject.sort(sortby);
功能:
用于对数组中的元素进行排序
返回值:
数组
说明:
1. 即使数组中的每一项都是数值,sort()方法比较的也是字符串
2. sort()方法可以接收一个比较函数作为参数


编程练习1

补充代码,实现对用户输入数据进行降序排序,注意:用户输入的结束符“-1”不进行排序

任务

第一步:页面循环弹出输入框,用户需要不断输入数据,直到用户输入-1,才停止弹出输入框,把用户输入的数据放进一个数组中,可以用push()方法:

arr.push(input);

第二步:这个数组要排除-1这个结束数据:用到数组的pop()方法,删除数组的最后一项:

arr.pop();

第三步:最后让数组进行降序排序,然后显示在页面中,降序的方法可以给sort传入一个匿名函数实现:

arr.sort(function(x,y){return y-x});

参考代码

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>数组排序</title></head><body><script>var input;var arr=[];while(input!="-1"){input=Number(prompt("请输入您想排序的数字"));arr.push(input);}arr.pop();arr.sort(function(a,b){return b-a;});document.write(arr);</script></body>
</html>

编程练习2

小伙伴们,让我们来封装一个函数,实现数组内容的反向输出功能,比如:
数组[1,2,3,4,5]通过该函数之后,输出的是:5,4,3,2,1

任务

第一步:循环这个数组,将数组中的数值放入新的数组中通过索引的计算把每一项移到新数组中:

newArr[i]=arr[arr.length-1-i];

第二步:函数的结果是返回这个新的数组:

return newArr;

参考代码

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>数组</title></head><body><script>function arrReverse(arr){var newArr=[];for(var i=0;i<arr.length;i++){newArr[i]=arr[arr.length-1-i];}return newArr;}document.write(arrReverse([1,2,3,4,5,6,7,8]));</script></body>
</html>

更多推荐

JavaScript对象之数组(四)

本文发布于:2023-07-28 19:29:38,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1287689.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:数组   对象   JavaScript

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!