javascript之数组


学习要点:

  数组的介绍

  定义数组

  数组元素

  数组的方法

一、数组的介绍

  数组中的元素类型可以是数字型、字符串型、布尔型等,甚至也可以是一个数组。

二、定义数组

  1、通过数组的构造函数来定义数组:

    var arr=new Array();

    var arr=new Array(size);

    var arr=new Array(element1,element2,...);

  2、直接定义数组:

    var arr=["字符串",true,13]; 

    ps: 和Object一样,此写法不会调用Array()构造函数。

三、数组元素

  1、存取数组元素:通过存取运算符[] 如:arr[2];

  2、添加数组元素:直接为数组元素赋值。

  3、删除数组元素:

   数组元素一旦被定义,就不能被删除。使用delete运算符只能删除数组元素的值,使元素值变为undefined,但是并不能删除一个数组元素,不能让数组中的元素减少。

  4、数组元素的个数:数组长度。array.length

四、数组的方法

  toString():将数组转换为字符串

  join():将数组元素连接成字符串,自动以逗号作为连接符来连接数组元素。   1,2,3

  join(str):将数组元素连接成字符串,以str作为连接符来连接数组元素。 join(-):1-2-3

  栈方法:

  push():在数组尾部添加元素,返回值为添加元素之后的数组长度。

  pop():从数组末尾移除最后一个元素,减少数组的length值,然后返回移除的元素。

  队列方法: 

  push():在数组尾部添加元素,返回值为添加元素之后的数组长度。

  shift():从数组前端移除一个元素,减少数组的length值,然后返回移除的元素。并将余下的所有元素都向前移1位。

  unshift():从数组前端添加一个元素,返回值为添加元素之后的数组长度(IE浏览器不支持返回值,返回undefined)。an

  排序:

  reverse():反转

  sort():按字符编码的顺序排序

  sort(order):order参数必须是一个函数,该函数应该有两个参数。

//正序排序
function ascOrder(value1, value2) {
if (value1 < value2) {
return -1;
} else if (value1 > value2) {
return 1;
} else {
return 0;
}
//倒序排序
function descOrder(value1, value2) {
if (value1 < value2) {
return 1;
} else if (value1 > value2) {
return -1;
} else {
return 0;
} var box = [0,1,5,10,15];
box.sort(ascOrder);
box.sort(descOrder);

  操作方法:

  concat():添加元素并生成新数组,原数组长度不变化。

  splice():删除、替换或插入数组元素。

  splice(start,count,value,...):start:开始位置;count:元素个数

  slice(start,end):返回数组中的一部分。

  toLocalString():转换为当地字符串。

  

  


javascript基础学习(十)的更多相关文章

  1. JavaScript 基础学习1-day14

    JavaScript 基础学习1 知识预览JavaScript概述二 JavaScript的基础三 JavaScript的对象BOM对象DOM对象实例练习js扩展 JavaScript概述 JavaS ...

  2. 48.javascript基础学习

    javascript基础学习:   http://www.w3school.com.cn/jsref/index.asp jS的引入方式: 1.行间事件:为某一个具体的元素标签赋予js内容,oncli ...

  3. JavaScript 基础学习(二)js 和 html 的结合方式

    第一种 使用一个标签 <script type="text/javascript"> js代码; </script> 第二种 使用 script 标签,引入 ...

  4. JavaScript 基础 学习 (四)

    JavaScript 基础 学习 (四) 解绑事件 dom级 事件解绑 ​ 元素.on事件类型 = null ​ 因为赋值的关系,所以给事件赋值为 null 的时候 ​ 事件触发的时候,就没有事件处理 ...

  5. JavaScript 基础 学习(三)

    JavaScript 基础 学习(三) 事件三要素 ​ 1.事件源: 绑定在谁身上的事件(和谁约定好) ​ 2.事件类型: 绑定一个什么事件 ​ 3.事件处理函数: 当行为发生的时候,要执行哪一个函数 ...

  6. JavaScript 基础 学习 (二)

    JavaScript 基础 学习 节点属性 ​ 每一个节点都有自己的特点 ​ 这个节点属性就记录着属于自己节点的特点 1. nodeType(以一个数字来表示这个节点类型) ​ 语法:节点.nodeT ...

  7. JavaScript 基础 学习 (一)

    JavaScript 基础 学习 获取页面中的元素的方法 作用:通过各种方式获取页面中的元素 ​ 比如:id,类名,标签名,选择器 的方式来获取元素 ​ 伪数组: ​ 长的和数组差不多,也是按照索引排 ...

  8. salesforce lightning零基础学习(十五) 公用组件之 获取表字段的Picklist(多语言)

    此篇参考:salesforce 零基础学习(六十二)获取sObject中类型为Picklist的field values(含record type) 我们在lightning中在前台会经常碰到获取pi ...

  9. 几张非常有意义的JavaScript基础学习思维图

    分享几张对于学习JavaScript基础知识非常有意义的图,无论你的JavaScript级别如何,“温故而知新”完全可以从这些图中得到. 推荐理由:归类非常好,非常全面 JavaScript 数组 J ...

随机推荐

  1. vs2015

    1.关闭诊断工具 vs2015在程序启动之后,自带了内存和cpu使用情况查看的诊断工具. 不喜欢这个,直接点击诊断工具右上角的关闭按钮 2.解决方案资源管理器 程序启动之后,解决方案资源管理器,被收缩 ...

  2. Jira在linux上安装与部署

    Where should JIRA 6.0.1 be installed? [/opt/atlassian/jira] /usr/local/jira Default location for JIR ...

  3. ♫【Git】

    git - 简易指南 (√) fatal:remote error:You can't push to git://github.com/username/*.git  (√) git clone g ...

  4. bootstrap真是个好东西

    之前就知道有bootstrap这么个东东,但是因为本身不做web,也就没有仔细了解.这次一个项目合作方使用django和bootstrap做的,有机会接触了一些,感觉确实非常好! 今天下午利用一个下午 ...

  5. 网络流(最大流):CodeForces 499E Array and Operations

    You have written on a piece of paper an array of n positive integers a[1], a[2], ..., a[n] and m goo ...

  6. HDU-2576 Tug of War

    http://poj.org/problem?id=2576 二维数组01背包的变形. Tug of War Time Limit: 3000MS   Memory Limit: 65536K Tot ...

  7. 【原】hive 操作笔记

    1.建表: hive> CREATE TABLE pokes (foo INT, bar STRING); hive> CREATE TABLE invites (foo INT, bar ...

  8. hdu 4284 状态压缩

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4284 #include<cstdio> #include<cstring> # ...

  9. poj 1789 Truck History【最小生成树prime】

    Truck History Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 21518   Accepted: 8367 De ...

  10. 关于平移的 scrollTo和scrollBy的区别

    这几天在项目中要求一部分布局实现整体偏移的效果 在网上查了下我使用来ScrollBy(x,y)方法 他的意思是将view实现整体偏移 而ScollTo(x,y)则是将原点偏移到相应指定的位置即   移 ...