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针对数组的连接、删除、反转、排序、插入等操作相关函数用法,需要的朋友可以参考下
本文共13k字,系统讲解了JavaScript中数组的各种特性和API。数组是一种非常重要的数据类型,它语法简单、灵活、高效。在多数编程语言中,数组都充当着至关重要的角色,以至于很难想象没有数组的编程语言会是什么模样...
下划线查询(v2.0) Underscore.js的轻量级查询API插件-在浏览器和服务器上均可使用。 这个项目最初是 ,但是我发现具有查询数组以及Backbone Collections的功能很有用。 因此,该库已被移植到下划线,并且骨干查询...
本文实例讲述了javascript稀疏数组(sparse array)和密集数组用法。分享给大家供大家参考,具体如下: 学习underscore.js数组相关API的时候,遇到了sparse array这个东西,以前没有接触过。 这里学习下什么是稀疏数组...
JavaScript的BetterArray 一个更好的数组API,您可以随时激活它。 它有点像underscore.js,但仅适用于数组。 受Ruby的核心库启发,但更接近JavaScript的库。这个怎么运作var BetterArray = require ( 'better-array'...
collect.js 是一个不依赖于任何第三方库,用于在JavaScript中处理数组和对象,其中有许多有用的功能,并且API(几乎)与 Laravel Collections 5.5相同
concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,仅会返回被连接数组的一个副本。 var arr1 = [1,2,3]; var arr2 = [4,5]; var arr3 = arr1.concat(arr2); console.log(arr1); //[1, 2, 3] ...
基本上,只使用数组的原生函数就可以实现相同的原理。 通过.map和.filter的组合,大多数功能都变得过时了。 与其他原生数组函数链接以完成缺失的功能。 (yield ['foo', true, 'bar'].map(function (item) { ...
简单的React网格UI可显示和编辑任何JSON数据数组。 在此处通过实时示例API游乐场探索API: 大多数网格UI工具要么缺少功能,要么要求您格式化数据以使其在网格中显示。 react-json-grid旨在与您已经方便使用的任何...
4.6JavaScript数组 4.7关联数组:不是数组的数组 4.8习题 第5章函数 5.1定义函数:细数所有方式 5.2回调函数 5.3函数和递归 5.4嵌套函数、函数闭包和内存泄漏 5.5作为对象的函数 5.6习题 第6章捕捉事件 6.1O级DOM上...
traceDraw.jsp画给定点的运动轨迹,personTraceMap.jsp根据位置数组画运动轨迹。person.png为自行准备的图标
在开发过程中,我们常常使用数组的一些 api 相关操作,其中包含 forEach 、 filter 、 find 、 findIndex 、 map 、 some 、 every 、 reduce 、 reduceRight 等函数方法。 今天,我们试试手写这些函数,实现数组...
列举了各种JavaScript对象与数组,同时包括对上述每一对象或数组所完成工作的简短描述,以及与其相关的属性方法,以及事件处理程序...
今天重温了一下Javascript,看到了数组的方法,其中有两个比较相似的方法——splice和splice,看着很像,就是多了一个p,但是用法却相当不一样。 在使用中,可以通过选择一个具有强语义表达性的 API 来减少混淆的...
询问一个轻量级的API,可在浏览器和Node.js中使用MongoDB语法查询Javascript数组。安装浏览器Query可以独立安装,这将公开全局Query对象; [removed][removed] 可以使用require.js进行查询: define ( [ 'query' , ...