数组类型是JS中非常常见的类型,而且JS里的数组与其他多数语言中的数组有所不同,它的数组里每一项可以存放任何一种类型的数据,也就是说数组的第一项放的是字符串,第二项可以放数字或对象都没问题。而且JS中的数组长度是任意收缩的,可以人为的规定数组长度,不过不规定也没问题,它会随着数组里项的数量自动改变长度。

在介绍数组的函数之前,先介绍两种判断对象是否是数组的方法:

1. 运用instanceof操作符

实例:

var arr = [1, 2, 3];
alert(arr instanceof Array); //true
var obj = new Object();
alert(obj instanceof Array); //false

2.运用Array中的isArray方法

实例:

Array.isArray([1, 2, 3]);    //true
Array.isArray(new Array()); //true
Array.isArray([]); //true
Array.isArray({}); //false
Array.isArray('string'); //false
 
数组的使用范围很广,功能也很强大,下面就总结下JS中对数组进行处理的函数吧

1. 数组转换为字符串

方法1: toString()

var color = ["red", "blue", "green"];
alert(color.toString()); //red,blue,green
alert(typeof(color.toString())); // string

方法2: join() 此方法接受一个参数作为分隔符分隔字符串,然后返回包含所有数组项的字符串

var color = ["red", "blue", "green"];
alert(color.join(" ")); // red blue green
alert(color.join("$")); // red$blue$green

2.删除数组最后一项

方法: pop()

var color = ["red", "blue", "green"];
var last = color.pop(); // green
alert(color); // red,blue

3.在数组最后插入若干项

方法:push()

var color = ["red", "blue", "green"];
var count = color.push("black", "yellow");
alert(count); // 5

4.在数组前端插入若干项

方法:unshift()

var color = ["red", "blue", "green"];
var count = color.unshift("black", "yellow");
alert(count); //5
alert(color); //black,yellow,red,blue,green

5.删除数组前端第一项

方法:shift()

var color = ["red", "blue", "green"];
var first = color.shift();
alert(first); //red
alert(color); //blue,green
6.为数组排序
方法:sort([compareFunction])
方括号中的compareFunction是可选参数,它代表为数组排序需要遵循的规则,如果没有此参数则默认降数组中的元素都转换成ASICII码进行排序。
var arr1 = [9, 30, 5, 17];
arr1.sort(); //[17, 30, 5, 9]
var arr2 = [China, america, Japan];
arr2.sort(); //[China, Japan, america]
若定义了比较函数,并将它以参数形式传给sort函数,则排序按照相关规则进行,例如对只有数字的数组进行从小到大的排序:
function compare(a, b) {
return a - b;
}
var arr3 = [39, 10, 9, 3];
arr3.sort(compare); //[3, 9, 10, 39]

Javascript中对数组处理的函数汇总的更多相关文章

  1. 前端开发:Javascript中的数组,常用方法解析

    前端开发:Javascript中的数组,常用方法解析 前言 Array是Javascript构成的一个重要的部分,它可以用来存储字符串.对象.函数.Number,它是非常强大的.因此深入了解Array ...

  2. JavaScript中常见的字符串操作函数及用法

    JavaScript中常见的字符串操作函数及用法 最近几次参加前端实习生招聘的笔试,发现很多笔试题都会考到字符串的处理,比方说去哪儿网笔试题.淘宝的笔试题等.如果你经常参加笔试或者也是一个过来人,相信 ...

  3. Javascript中判断数组的正确姿势

    在 Javascript 中,如何判断一个变量是否是数组? 最好的方式是用 ES5 提供的 Array.isArray() 方法(毕竟原生的才是最屌的): var a = [0, 1, 2]; con ...

  4. javascript中的数组扩展(一)

     javascript中的数组扩展(一) 随着学习的深入,发现需要学习的关于数组的内容也越来越多,后面将会慢慢归纳,有的是对前面的强化,有些则是关于前面的补充. 一.数组的本质    数组是按照次序排 ...

  5. JavaScript中的数组详解

    JavaScript中的数组 一.数组的定义 数组是值的有序集合,或者说数组都是数据的有序列表. 二.创建数组 [字面量形式] 1.空数组 var arr=[]; 2.带有元素的数组 var arr= ...

  6. JavaScript中对数组和数组API的认识

    JavaScript中对数组和数组API的认识 一.数组概念: 数组是JavaScript中的一类特殊的对象,用一对中括号“[]”表示,用来在单个的变量中存储多个值.在数组中,每个值都有一个对应的不重 ...

  7. JavaScript中的数组和字符串

    知识内容: 1.JavaScript中的数组 2.JavaScript中的字符串 一.JavaScript中的数组 1.JavaScript中的数组是什么 数组指的是数据的有序列表,每种语言基本上都有 ...

  8. JavaScript中的数组创建

    JavaScript中的数组创建 数组是一个包含了对象或原始类型的有序集合.很难想象一个不使用数组的程序会是什么样. 以下是几种操作数组的方式: 初始化数组并设置初始值 通过索引访问数组元素 添加新元 ...

  9. JavaScript中Array(数组) 对象

    JavaScript中Array 对象 JavaScript中创建数组有两种方式 (一)使用直接量表示法: var arr4 = []; //创建一个空数组var arr5 = [20]; // 创建 ...

随机推荐

  1. java调用python

    本文记录下使用jython包来实现java代码中调用Python. 一.Maven加入 <dependency> <groupId>org.python</groupId ...

  2. window下配置Solr6.5以及IK Analyzer分词配置

    一.安装准备及各软件使用版本说明: 1.下载jdk,我下载的版本是jdk-8u121-windows-x64.exe,下载地址: http://www.oracle.com/technetwork/j ...

  3. 如何在windows7中使用“专用字符编辑器”中的字

    工具/原料 win7电脑 系统自带的“专用字符编辑器” 系统自带的“字符映射表” 百度经验:jingyan.baidu.com 方法/步骤 1 点击开始→所有程序→附件→系统工具→专用字符编辑器: 步 ...

  4. XHTML1.0版本你知道么,跟html5版本有什么区别

    XHTML 1.0 是 XML 风格的 HTML 4.01. XHTML 1.1 主要是初步进行了模块化. HTML5 是下一代 HTML,取代 HTML 4.01. W3C 原本确实计划用 XHTM ...

  5. java成神之——集合框架之队列,栈,集合并发

    集合 队列和双端队列 PriorityQueue Deque BlockingQueue Queue 栈 集合并发 线程锁 线程安全集合 结语 集合 队列和双端队列 PriorityQueue 此队列 ...

  6. 使用JAVA爬取博客里面的所有文章

    主要思路: 1.找到列表页. 2.找到文章页. 3.用一个队列来保存将要爬取的网页,爬取队头的url,如果队列非空,则一直爬取. 4.如果是列表页,则抽取里面所有的文章url进队:如果是文章页,则直接 ...

  7. Delphi.NET

    Delphi.NET Borland.VclDSnap.dll Borland.Vcl.TCustomClientDataSet TFieldType.ftBCD Borland.Vcl.TField ...

  8. xcode添加build phase

    [xcode添加build phase] xcode版本:5.0.2,找了半天,终于找到add build phase的方法,如下图.

  9. imp导入数据的时候报错:ORA-01658: 无法为表空间 MAXDATA 中的段创建 INITIAL 区

    在oracle里创建表,报出错: ORA-01658: 无法为表空间space中的段创建 INITIAL 区: 或者: ORA-01658: unable to create INITIAL exte ...

  10. python子进程模块subprocess详解与应用实例 之二

    1.2. Popen 对象 Popen类的实例有下列方法: 1. Popen.poll() 检查子进程是否已经结束,设置并返回返回码值. 2. Popen.wait() 等待子进程结束,设置并返回返回 ...