JavaScript数组(对象)方法

数组的方法:首先,数组的方法有数组原型方法,也有从object对象继承来的方法。这里只详细说明一下数组的原型方法。

(1)join:把数组中的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。

例如在控制台页面操作:

var a=[1,2,3,4]
=> a [1, 2, 3, 4] a.join(‘:‘) =>"1:2:3:4"

(2)push:向数组的末尾加一项,返回值是数组的新长度。

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

(3)unshift:向数组的来头增加一项,返回值是数组的新长度。

var a=[1,2,3,4];
=>a [1, 2, 3, 4]
a.unshift(2,3)
=>6
a
=>[2, 3, 1, 2, 3, 4]

  

(4)pop:删除数组的末尾项,返回值是删除的数组项。

var a=[1,2,3,4];
=>a [1, 2, 3, 4]
a.pop()
=>4
a
=>[1, 2, 3]

  

(5)shift:删除数组的开头项,返回被删除的开头项目。

var a=[1,2,3,4];
=>a [1, 2, 3, 4]
a.shift()
=>1
a
=>[2, 3, 4]

  

(6)splice:删除数组中的任意项,返回值是被删除的数组项。

例如:

var a=[1,2,3,4];
=>a [1, 2, 3, 4]
a.splice(1,2)    //从1位开始,删除2位(splice(1,2))得到结果[1,4]
=>[2, 3]
a
=>[1, 4]

  

(7)slice:从已有的数组返回特定的元素。

var a=[1,2,3,4]
=>a [1, 2, 3, 4]
var b=a.slice(1,3) //从下标开始,不包含最后一位,即:下表1对应2,3对应4,但不包含4,得出结果[2,3]
=>b [2, 3]

  

(8)concat:拼接数组。

var a=[1,2,3,4];
=>a [1, 2, 3, 4]
var b=[].concat(a)
=>b [1, 2, 3, 4]
var b=[5,6].concat(a)
=>b [5, 6, 1, 2, 3, 4]

  

(9)reverse:倒序。

var a=[1,2,3,4];
=>a [1, 2, 3, 4]
a.reverse()
=>[4, 3, 2, 1]

  

(10)sort:排序。

var a=[5,2,8,4];
=>
a.sort()
=>[2, 4, 5, 8]

  

但是sort排序是按照二进制进行排序,比如说:

var a=[25,2,8,4];
=>
a.sort()
[2, 25, 4, 8]   //可以看出25排在2后面

最常用地方法已经列出,还有一些可以参考下图:

时间: 2024-10-03 20:48:19

JavaScript数组(对象)方法的相关文章

javascript数组原型方法

1.javascript数组原型方法. 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>jstest</title> 6 </head> 7 <body> 8 <script> 9 var arr = ["1","2&q

javascript数组对象实例方法

javascript数组对象实例方法有:pop(),push(),reverse(),shift(),sort(),splice(),unshift(),concat(),join(),slice() pop() : 移除数组中最后一个元素,并返回该元素. 如下: var a=[1,2,3] ; console.log(a.pop()); // 输出 3 console.log(a); //输出 [1,2] push() : 向数组尾部添加元素,并返回该数组的大小.如下: var a =[1,2

javascript数组对象排序

javascript数组对象排序 JavaScript数组内置排序函数 javascript内置的sort函数是多种排序算法的集合 JavaScript实现多维数组.对象数组排序,其实用的就是原生的sort()方法,用于对数组的元素进行排序. sort() 方法用于对数组的元素进行排序.语法如下: ArrayObject.sort(order); 测试A: var mm=[1,4,0,6,3,1,2]; mm.sort(); alert(mm);//0 1 1 2 3 4 6 返回值为对数组的引

JQuery $.each遍历JavaScript数组对象实例

查看一个简单的jQuery的例子来遍历一个JavaScript数组对象. var json = [ {"id":"1","tagName":"apple"}, {"id":"2","tagName":"orange"}, {"id":"3","tagName":"banana&q

了解JavaScript 数组对象及其方法

数组在我目前学习过的编程语言中都可以见到, 形形色色的方法也数不胜数, 不过功能都一样, 最多也就是方法名稍稍有所不同, 老外也没个准啊, 如果英语比较好的同学对于学习方法(method)来说是很快的, 因为基本都可以翻译出来, 不过也要勤加锻炼, 总体来说, 英语水平不怎么影响编程技术, 看看API的话, 认识点简单的词汇, 就差不多了. 数组对象 文中一再的把数组和对象一起说, 是因为数组具有对象的一切特性, 更准确的说数组属于一类对象, 一类继承自Array.prototype的对象, 所

JavaScript数组对象的声明与使用

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>数组对象的声明与使用</title> </head> <body> <script typ

JavaScript数组去重方法及测试结果

最近看到一些人的去面试web前端,都说碰到过问JavaScript数组去重的问题,我也学习了一下做下总结. 实际上最有代表性也就三种方法:数组双重循环,对象哈希,排序后去重. 这三种方法我都做了性能测试,有兴趣的朋友可以去试试,这是测试地址 双重循环最慢(不是一般的慢),对象哈希是最快的,排序后去重根据浏览器不同比对象哈希慢2-3倍

javaScript数组对象

定义数组 数组对象用来在单独的变量名中存储一系列的值. 我们使用关键词 new 来创建数组对象.下面的代码定义了一个名为 myArray 的数组对象: var myArray=new Array() 有两种向数组赋值的方法(你可以添加任意多的值,就像你可以定义你需要的任意多的变量一样). 1: var mycars=new Array() mycars[0]="Saab" mycars[1]="Volvo" mycars[2]="BMW" 也可以

Array数组对象方法

Array 对象方法 方法 描述 concat() 连接两个或更多的数组,并返回结果. copyWithin() 从数组的指定位置拷贝元素到数组的另一个指定位置中. entries() 返回数组的可迭代对象. every() 检测数值元素的每个元素是否都符合条件. fill() 使用一个固定值来填充数组. filter() 检测数值元素,并返回符合条件所有元素的数组. find() 返回符合传入测试(函数)条件的数组元素. findIndex() 返回符合传入测试(函数)条件的数组元素索引. f