`

javascript的数组API

阅读更多

javascript的数组API

1.定义数组

  

var arr1 = new Array();

var arr2 = [1,2,3,4,5];

 2.返回数组长度,length

  

var arr1 = [1,2,3,4,5];
var len = arr1.length;
alert(len);  //5

 3.删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined --shift()

  

var arr1 = [1,2,3,4,5];
var a = arr1.shift();
alert(a);  //1

var arr2 = new Array();
var b = arr2.shift();
alert(b);  //undefined

 4.将参数添加到原数组开头,并返回数组的长度  --unshift()

  注意:在IE6.0下测试返回值总为undefined,FF2.0下测试返回值为7,所以这个方法的返回值不可靠,需要用返回值时可用splice代替本方法来使用。

  

var arr1 = [1,2,3,4,5];
var a = arr1.unshift(-2,-1,0);
alert(a);  //undefined
alert(arr1);  //-2,-1,0,1,2,3,4,5

 5.删除原数组最后一项,并返回删除元素的值;如果数组为空则返回undefined  --pop()

  

var arr1 = [1,2,3,4,5];
var a = arr1.pop();
alert(a);  //5
alert(arr1);  //1,2,3,4

var arr2 = new Array();
var b = arr2.pop();
alert(b);  //undefined

 6.将参数添加到原数组末尾,并返回数组的长度  --push()

  

var arr1 = [1,2,3,4,5];
var a = arr1.push(6,7);
alert(a);  //7
alert(arr1);  //1,2,3,4,5,6,7

 7.返回一个新数组,是将参数添加到原数组中构成的  --concat()

  

var arr1 = [1,2,3,4,5];
var a = arr1.concat(6,7);
alert(arr1);  //1,2,3,4,5
alert(a);  //1,2,3,4,5,6,7

var arr2 = [10,20];
var b = arr1.concat(arr2);
alert(b);  //1,2,3,4,5,10,20

 8.splice(start,deleteCount,val1,val2,):从start位置开始删除deleteCount项,并从该位置起插入val1,val2
  

	var arr1 = [1,2,3,4,5];
	arr1.splice(2,1,6,7);
	alert(arr1);  //1,2,4,5,6,7

	var arr2 = [1,2,3,4,5];
	arr2.splice(0,0,-2,-1);  // 相当于arr2.unshift(-2,-1)
	alert(arr2);  //-2,-1,1,2,3,4,5

	var arr3 = [1,2,3,4,5];
	arr3.splice(arr3.length,0,8,9);  //相当于arr3.push(8,9)
	alert(arr3);  //1,2,3,4,5,8,9

	var arr4 = [1,2,3,4,5];
	arr4.splice(2,2,7,8,9);
	alert(arr4);  //1,2,7,8,9,5

 9.将数组反序  --reverse()

  

	var arr1 = [1,2,3,4,5];
	arr1.reverse();
	alert(arr1);  //5,4,3,2,1

 10.按指定的参数对数组进行排序  --sort()

   数组对象的sort方法可以按照一定的顺序把数组元素重新排列起来。通常情况下,都是按照字母顺序排列的。

  

	var arr1 = ['java','jack','tom','lucy'];
	arr1.sort();
	alert(arr1);  //jack,java,lucy,tom

	var arr2 = [5,2,1,4,3];
	arr2.sort();
	alert(arr2);  //1,2,3,4,5
	
	var arr3 = [40,300,2000,10000];
	arr3.sort();
	alert(arr3);  //数组排列之后的顺序是10000,2000,300,40,10000作为最大的数字却排在了第一位,仅仅是因为它以1开头。

   sort方法可以接受一个参数,这个参数的类型是函数,它也就是排序函数了。我们可以使用它来进行自定义的排序方式。

  

	var arr4 = [40,10000,2000,300];
	function sortNumber(a,b){
		return a-b;
	}
	arr4.sort(sortNumber);
	alert(arr4);  //40,300,2000,10000

 

 11.slice(start,end):返回从原数组中指定开始下标到结束下标之间的项组成的新数组   

  

参数                                                                            描述
start 必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。
end 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。

  

	var arr1 = [1,2,3,4,5];
	var arr2 = arr1.slice(2,5);
	alert(arr2);  //3,4,5

 12.join(separator):将数组的元素组起一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符

  

	var arr1 = [1,2,3,4,5];
	var str1 = arr1.join();
	var str2 = arr1.join('|');
	alert(str1);  //1,2,3,4,5
	alert(str2);  //1|2|3|4|5

 

 

  

分享到:
评论

相关推荐

    Javascript之高级数组API的使用实例

    今天小编就为大家分享一篇关于Javascript之高级数组API的使用实例,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧

    JavaScript数组常用操作技巧汇总

    这里主要汇总一下JavaScript数组操作的常用API。相信对大家解决程序问题很有帮助。 一、性质 JavaScript中的数组是一种特殊的对象,用来表示偏移量的索引是该对象的属性,索引可能是整数。然而,这些数字索引在内部...

    javascript数组对象常用api函数小结(连接,插入,删除,反转,排序等)

    主要介绍了javascript数组对象常用api函数,结合实例形式总结分析了javascript针对数组的连接、删除、反转、排序、插入等操作相关函数用法,需要的朋友可以参考下

    JavaScript数组全解密

    本文共13k字,系统讲解了JavaScript中数组的各种特性和API。数组是一种非常重要的数据类型,它语法简单、灵活、高效。在多数编程语言中,数组都充当着至关重要的角色,以至于很难想象没有数组的编程语言会是什么模样...

    underscore-query:MongoDB之类JavaScript数组查询API

    下划线查询(v2.0) Underscore.js的轻量级查询API插件-在浏览器和服务器上均可使用。 这个项目最初是 ,但是我发现具有查询数组以及Backbone Collections的功能很有用。 因此,该库已被移植到下划线,并且骨干查询...

    javascript稀疏数组(sparse array)和密集数组用法分析

    本文实例讲述了javascript稀疏数组(sparse array)和密集数组用法。分享给大家供大家参考,具体如下: 学习underscore.js数组相关API的时候,遇到了sparse array这个东西,以前没有接触过。 这里学习下什么是稀疏数组...

    better-array:不干扰JavaScript数组的附加功能

    JavaScript的BetterArray 一个更好的数组API,您可以随时激活它。 它有点像underscore.js,但仅适用于数组。 受Ruby的核心库启发,但更接近JavaScript的库。这个怎么运作var BetterArray = require ( 'better-array'...

    collectjs是一个用于在JavaScript中处理数组和对象库

    collect.js 是一个不依赖于任何第三方库,用于在JavaScript中处理数组和对象,其中有许多有用的功能,并且API(几乎)与 Laravel Collections 5.5相同

    JavaScript常用数组操作方法,包含ES6方法

    concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,仅会返回被连接数组的一个副本。 var arr1 = [1,2,3]; var arr2 = [4,5]; var arr3 = arr1.concat(arr2); console.log(arr1); //[1, 2, 3] ...

    co-array:用于 co 的异步数组 API

    基本上,只使用数组的原生函数就可以实现相同的原理。 通过.map和.filter的组合,大多数功能都变得过时了。 与其他原生数组函数链接以完成缺失的功能。 (yield ['foo', true, 'bar'].map(function (item) { ...

    react-json-grid:JSON对象,数组或任何javascript数据的网格编辑器

    简单的React网格UI可显示和编辑任何JSON数据数组。 在此处通过实时示例API游乐场探索API: 大多数网格UI工具要么缺少功能,要么要求您格式化数据以使其在网格中显示。 react-json-grid旨在与您已经方便使用的任何...

    JavaScript核心技术 PDF扫描版

    4.6JavaScript数组 4.7关联数组:不是数组的数组 4.8习题 第5章函数 5.1定义函数:细数所有方式 5.2回调函数 5.3函数和递归 5.4嵌套函数、函数闭包和内存泄漏 5.5作为对象的函数 5.6习题 第6章捕捉事件 6.1O级DOM上...

    使用百度地图JavaScript API 画轨迹,给出自定义图标和标注

    traceDraw.jsp画给定点的运动轨迹,personTraceMap.jsp根据位置数组画运动轨迹。person.png为自行准备的图标

    JavaScript手写数组的常用函数总结

    在开发过程中,我们常常使用数组的一些 api 相关操作,其中包含 forEach 、 filter 、 find 、 findIndex 、 map 、 some 、 every 、 reduce 、 reduceRight 等函数方法。 今天,我们试试手写这些函数,实现数组...

    JavaScript对象经典小册 chm

    列举了各种JavaScript对象与数组,同时包括对上述每一对象或数组所完成工作的简短描述,以及与其相关的属性方法,以及事件处理程序...

    JavaScript中数组slice和splice的对比小结

    今天重温了一下Javascript,看到了数组的方法,其中有两个比较相似的方法——splice和splice,看着很像,就是多了一个p,但是用法却相当不一样。 在使用中,可以通过选择一个具有强语义表达性的 API 来减少混淆的...

    查询:对Javascript对象数组的类似于Mongo的查询

    询问一个轻量级的API,可在浏览器和Node.js中使用MongoDB语法查询Javascript数组。安装浏览器Query可以独立安装,这将公开全局Query对象; [removed][removed] 可以使用require.js进行查询: define ( [ 'query' , ...

Global site tag (gtag.js) - Google Analytics