<!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. Sentinel-Redis高可用方案（一）：主从复制

    引言 大概是因为Redis是个人开发的产品,所以Redis的高可用方案是被分成了几块来实现:主从复制.主从切换以及虚拟IP或客户端方案. 从Redis 2.8开始加入对Sentinel机制从而实现了服 ...

  2. TrueSkill 原理及实现

    在电子竞技游戏中,特别是当有多名选手参加比赛的时候需要平衡队伍间的水平,让游戏比赛更加有意思.这样的一个参赛选手能力平衡系统通常包含以下三个模块: 一个包含跟踪所有玩家比赛结果,记录玩家能力的模块. ...

  3. Social Emotional Computing -价值观的运算

    第三节 价值观的运算 第三节  价值观的运算 由于价值观的客观本质就是事物的价值率,因此价值观的运算在客观本质上就是价值率的运算.由于价值观的运算就是为了揭示不同事物价值观之间的函数关系,因此价值观的 ...

  4. git常用命令学习

    Git commands 1. start a working area clone Clone a repository into a new directory init Create an em ...

  5. Linux的vim三种模式及命令

    一般模式:在Linux终端中输入"vim 文件名"就进入了一般模式,但不能输入文字.编辑模式:在一般模式下按i就会进入编辑模式,此时就可以写程式,按Esc可回到一般模式. 命令模式 ...

  6. 使用navicat连接mysql要报10038的错误

    1.mysql的设置 (1)授权mysql>grant all privileges on *.*  to  'root'@'%'  identified by 'youpassword'  w ...

  7. sql中的xml使用

    SQL openxml用法 使用sp_xml_preparedocument处理XML文档(原文:http://www.cnblogs.com/oec2003/archive/2011/07/23/2 ...

  8. C++IO关于cin>>和getline的理解

    这个问题困扰了我有一段时间了,趁着十一放假有时间,仔细研究了一下 首先来看一下输入输出运算符cin>>的构成:cin和>> cin>>是由两部分构成的,cin和&g ...

  9. HTLM4与HTML5的区别

    准确的说应该是HTML4与HTML5的区别 主要区别: 1.doctype头的改变 2.html5中多出了很多标签和属性 还有一个要注意的是,我们通常说html5时会自动关联上css3,其实我理解的, ...

  10. poj2284 欧拉公式

    题意:给出一图形,求该图形把平面分成了几部分 欧拉公式: http://blog.csdn.net/wangxiaojun911/article/details/4586550 对于二维平面上的情况. ...