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>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?