<!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>

JS-Array数组对象的更多相关文章

  1. js array数组对象操作方法汇总

    --------------------------更新自2018.6.11 js 数组对象操作方法如下: 1. 创建数组 var array1 = [1,2] //方法一 var array2 = ...

  2. js Array数组对象常见方法总结

    Array对象一般用来存储数据. 其常用的方法包括: 1.concat()方法 concat() 方法用于合并两个或多个数组.它不会更改现有数组,而是返回一个新数组. 例如: var arr1=[1, ...

  3. JS对象 Array 数组对象 数组对象是一个对象的集合，里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”，用来表示它在数组中的位置，是从零开始的

    Array 数组对象 数组对象是一个对象的集合,里边的对象可以是不同类型的.数组的每一个成员对象都有一个"下标",用来表示它在数组中的位置,是从零开始的 数组定义的方法: 1. 定 ...

  4. js Array数组的使用

    js Array数组的使用   Array是javascript中的一个事先定义好的对象(也可以称作一个类),可以直接使用 创建Array对象 var array=new Array(): 创建指定元 ...

  5. js对数组对象的操作以及方法的使用

    js对数组对象的操作以及方法的使用 如何声明创建一个数组对象: var arr = new Array(); 或者 var arr = []; 如何移除所有数组中数据? arrayJson.dataL ...

  6. Javascript进阶篇——( JavaScript内置对象---下)--Array数组对象---笔记整理

    Array 数组对象数组对象是一个对象的集合,里边的对象可以是不同类型的.数组的每一个成员对象都有一个“下标”,用来表示它在数组中的位置,是从零开始的数组定义的方法: 1. 定义了一个空数组: var ...

  7. JavaScript 常用内置对象(字符串属性、Math对象、Array数组对象)

    1.字符串属性   <script>   var test_var = "I Iove you"; console.log(test_var.charAt(3)) // ...

  8. for 循环 和 Array 数组对象

    博客地址:https://ainyi.com/12 for 循环 和 Array 数组对象方法 for for-in for-of forEach效率比较 - 四种循环,遍历长度为 1000000 的 ...

  9. JS内置对象-String对象、Date日期对象、Array数组对象、Math对象

    一.JavaScript中的所有事物都是对象:字符串.数组.数值.函数... 1.每个对象带有属性和方法 JavaScript允许自定义对象 2.自定义对象 a.定义并创建对象实例 b.使用函数来定义 ...

  10. JS中数组对象去重

    JS数组去重 JS中对数组去重最好不要用unique方法,该方法主要是对dom节点数组的去重,如果对普通的数组元素去重只会去掉与之相邻的重复元素,也就是如果数组中还有不相邻的重复元素存在,将不会被去掉 ...

随机推荐

  1. [BZOJ1264][AHOI2006]Match(DP+树状数组)

    题目:http://www.lydsy.com:808/JudgeOnline/problem.php?id=1264 分析: 考虑做一般的LCS的时候,更新结果的条件是a[i]==b[j]时候 于是 ...

  2. doc2vec使用说明（一）gensim工具包TaggedLineDocument

    gensim 是处理文本的很强大的工具包,基于python环境下: 1.gensim可以做什么? 它可以完成的任务,参加gensim 主页API中给出的介绍,链接如下: http://radimreh ...

  3. rar 命令

    1 wger http://www.rarlab.com/rar/rarlinux-3.9.2.tar.gz 下载文件包 会下载在当前目录 2 cp xxx.xxx ../ 复制xxx.xxx到上个目 ...

  4. AngularJS指令的详解

    指令作为AngularJS中最为重要的部分,所以这个框架本身也是自带了比较多的的指令,但是在开发中,这些指令通常不能满足我们的需要,所以我们也是需要自定义一些指令的.指令是我们用来扩展浏览器能力的技术 ...

  5. java设计优化--单例模式

    单例模式是一种对象创建模式,确保系统中一个类只有一个实例. 在java语言中,这样做有两大好处: 1.对于频繁使用的对象,可以省略创建对象所话费的时间: 2.由于new操作的次数减少,对于系统内存的使 ...

  6. 开发错误记录七： Failed to create JVM:error code -4

    今天启动Android studio 直接报如下错误: 用 java -verion 发现并不是环境变量没配置好,而是系统分配的内存,没有达到,as 的要求一种是:重启电脑,再启动 就ok 二种是 重 ...

  7. Jenkins_获取源码编译并启动服务（二）

    一.创建Maven项目   二.设置SVN信息   三.设置构建触发器   四.设置Maven命令   五.设置构建后发邮件信息(参考文章一) 六.设置构建后拷贝文件到远程机器并执行命令   来自为知 ...

  8. java-正则表达式过滤字符串中的html标签

    案例 import java.util.regex.Matcher; import java.util.regex.Pattern; /** * <p> * Title: HTML相关的正 ...

  9. maven中snapshot快照库和release发布库的区别和作用

    在使用maven过程中,我们在开发阶段经常性的会有很多公共库处于不稳定状态,随时需要修改并发布,可能一天就要发布一次,遇到bug时,甚至一天要发布N次.我们知道,maven的依赖管理是基于版本管理的, ...

  10. android开发之生命周期

    android开发之生命周期 一:Activity的生命周期: 这几天了了解了安卓Activity的生命周期,对于生命周期有了大概的理解: 一个Activity的生命周期也就是Activity从生成到 ...