JS中数组的常用方法
首先,在开始前我们先了解一下什么是数组。
1、什么是数组?
数组就是一组数据的集合,其表现形式就是内存中的一段连续的内存地址,数组名称其实就是连续内存地址的首地址。说白了它就是将一堆数据按照一定的顺序将他们连续存放在一个空间中。
2、数组的特点
数组定义时无需指定数据类型,数组定义时可以无需指定数组长度,数组可以存储不同数据类型的数据(String,Number等等)
3、创建数组的语法
var arr=[值1,值2,值3]; //隐式创建
var arr=new Array(值1,值2,值3); //直接实例化一个数组
var array=new Array(size); //创建数组并指定长度
//方法一:隐式创建
var arr = [1,2,3];
document.write(arr[2]+"<br />");
//方法二:实例化数组
var arr2 = new Array(2,4,6,8,10);
document.write(arr2[3] + '<br>');
//方法三:创建数组并指定长度
var arr3 = new Array(3);//固定数组长度为3
arr3[0] = 1;
arr3[1] = 2;
arr3[2] = 3;
document.write(arr3[2] + '<br>');
4、数组的长度(length)
Array.length
在javascript中,每个数组都可用调用length属性,它用来表示数组的长度。
var arr = [1,2,3];
//这里的arr[2]表示,在arr数组中寻找下标为2的值,输出3,因为下标从0开始
document.write(arr[2]+"<br />");
5、数组中的文本下标
语法:
var arr = [1,2,3];
arr['hxw']='侯晓伟';
arr['chr']='程海睿';
document.write(arr.length+"<br />"); //这里输出的结果会是3,而不5
document.write(arr.hxw +"<br/>") //通过arr.它的属性来获取它的值
document.write(arr.chr +"<br/>")
注意:这里文本下标的值并不计算在数组的长度以内。
6、Array对象的方法
(1)、concat():连接两个或更多的数组,并返回结果。简单来说,就是将多个数组的元素相连接在一起,该方法不会改变现有的数组,只是返回一被连接数组的一个副本。
/*数组合并方法一:将两个或多个数组合并*/
var arr = new Array();
arr[0] = "胖子"
arr[1] = "静静"
arr[2] = "晓伟"
arr[3] = "邢坤" var arr2 = new Array();
arr2[0] = "晓楠"
arr2[1] = "晓龙"
arr2[2] = "萍"
arr2[3] = "王晔" document.write(arr.concat(arr2));
//数组合并方法二:将新元素合并在原有的数组中
var i = [1,2,3,4,5,6]
document.write(i.concat(99,88)+"<br />");
(2)、join():把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
//将数组中的值转换成字符串
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr.join())
//使用.分隔符分隔数组中的元素
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas" document.write(arr.join("."))
(3)、pop():删除并返回数组的最后一个元素。删除数组的最后一个元素,把数组长度减 1,并且返回它删除的元素的值。如果数组已经为空,则 pop() 不改变数组,并返回 undefined 值。
/*删除数组末尾参数方法 pop()*/
document.write("pop()删除数组末尾参数,数组长度减1"+"<br />")
var i = [1,2,3,4,5,1231]
document.write(i.length+"<br />"); //此时数组长度为6
document.write(i.pop()+"<br />"); //删除并显示数组末尾的值,同时数组长度减1
document.write(i.length+"<br /><br /><br />")//此时数组长度为5
(4)、push():向数组的末尾添加一个或更多元素,并返回新的长度。
//通过push()方法向末尾添加一条数据,数组长度加1
document.write("push()向末尾添加一条数据,数组长度加1"+"<br />")
var i = [1,2,3,4,5,1231]
document.write(i.length+"<br />");
document.write(i.push(12,31)+"<br />"); //向末尾添加一个元素,不显示添加的值,但返回数组长度
document.write(i+"<br /><br /><br />");
(5)、reverse():颠倒数组中元素的顺序。
//reverse()方法用来将数组中的值反向输出
document.write("reverse()反向输出数组值")
var i = [1,2,3,4,5,1231]
document.write(i.reverse()+"<br /><br /><br />");
(6)、shift:删除并返回数组的第一个元素。如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。
/*shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。它会改变数组长度*/
document.write("shift()方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。"+"<br />");
var i = [1,2,3,4,5,1231]
document.write(i.shift()+"<br /><br /><br />");
(7)、slice():从某个已有的数组返回选定的元素,该方法并不会修改数组,而是返回一个子数组。下面做一个小例子:
/*slice方法
* slice(start,end) start规定从何处开始,end表示何处结束,但是不包括end该元素
* 用来在已知的数组中返回选中的元素,该方法不会改变原有的数组,而是返回一个子数组,
* 同时可以写入负值,从末尾取值
* */
var i = [1,2,3,4,5,1231]
document.write(i.slice(2,4)+"<br /><br /><br />"); //返回结果为3,4
(8)、sort():对数组的元素进行排序。
如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。
var i = [11,1,311,4,5]
var j = ["e","g","q","a","b","d"]
function sortNumber(a,b){
return a-b;
}
document.write(j.sort()+"<br />"); //默认按照字符串的ASCIII码表排序
document.write(i.sort(sortNumber)+"<br /><br /><br />"); //数值型比较大小需要给它写一个排序函数,
(9)、splice():删除元素,并向数组添加新元素。向/从数组中添加/删除项目,然后返回被删除的项目。该方法会改变原始数组。下面我们做一个小例子:
var i = [11,1,311,4,5];
document.write(i+"<br />"); //显示i中的所有元素
document.write(i.splice(0,3)+"<br />"); //此时显示它已经删除的元素
document.write(i+"<br /><br /><br /><br />"); //显示它删除后i中所剩的元素
(10)、toSource():返回该对象的源代码。只有 Gecko 核心的浏览器(比如 Firefox)支持该方法,也就是说 IE、Safari、Chrome、Opera 等浏览器均不支持该方法。
function employee(name,job,born){
this.name=name;
this.job=job;
this.born=born;
}
var bill=new employee("Bill Gates","Engineer",1985);
document.write(bill.toSource());
(11)、toString() :方法可把数组转换为字符串,并返回结果。返回值与没有参数的 join() 方法返回的字符串相同。
var arr = new Array(3)
arr[0] = "比克大魔王"
arr[1] = "克林"
arr[2] = "沙鲁" document.write(arr.toString())
(12)、toLocaleString():把数组转换为本地字符串。
var arr = new Array(3)
arr[0] = "比克大魔王"
arr[1] = "克林"
arr[2] = "沙鲁" document.write(arr.toString())
(13)、unshift():向数组的开头添加一个或更多元素,并返回新的长度。unshift() 方法将把它的参数插入数组的头部,并将已经存在的元素顺次地移到较高的下标处,以便留出空间。该方法的第一个参数将成为数组的新元素 0,如果还有第二个参数,它将成为新的元素 1,以此类推。请注意,unshift() 方法不创建新的创建,而是直接修改原有的数组。
下面我们做一个小例子:
var arr = new Array()
arr[0] = "比克大魔王"
arr[1] = "孙悟饭"
arr[2] = "沙鲁" document.write(arr + "<br />")
//在这里使用unshift()方法添加一个新的英雄布玛
document.write(arr.unshift("布玛") + "<br />")
document.write(arr)
(14)、valueOf:返回数组对象的原始值。该原始值由 Array 对象派生的所有对象继承。valueOf() 方法通常由 JavaScript 在后台自动调用,并不显式地出现在代码中。
以上就是个人在数组中的总结,希望对大家有帮助~
JS中数组的常用方法的更多相关文章
- JavaScript中数组操作常用方法
JavaScript中数组操作常用方法 1.检测数组 1)检测对象是否为数组,使用instanceof 操作符 if(value instanceof Array) { //对数组执行某些操作 } 2 ...
- js中数组去重的几种方法
js中数组去重的几种方法 1.遍历数组,一一比较,比较到相同的就删除后面的 function unique(arr){ ...
- JavaScript -- 时光流逝(二):js中数组的方法
JavaScript -- 知识点回顾篇(二):js中数组的方法 1. 数组 (1)定义数组,数组赋值 <script type="text/javascript"> ...
- php和js中数组的总结
php中数组的表示方法:array()或者[] js中数组的表示方法:new array()或者[] 一.php中初始化命名数组 在PHP中声明数组的方式主要有两种:一是应用array()函数声明 ...
- JS中数组的介绍
一.数组: 一组数据的集合: 二.JS中数组的特点: 1.数组定义时无需指定数据类型: 2.数组定义时可以无需指定数组长度: 3.数组可以存储任何类型的数据: 4.一般是相同的数据类型: 三.数组的创 ...
- js中数组增删查改unshift、push、pop、shift、slice、indexOf、concat、join
js中数组增删查改unshift.push.pop.shift.slice.indexOf.concat.join
- js中数组如何使用
js中数组如何使用 一.总结 一句话总结:new Array()和[]两种方法都可以创建数组. 二.js中创建数组,并往数组里添加元素 数组的创建 var arrayObj = new Array() ...
- js中数组方法大全
js数组方法大全 一:前言 我们在学到js中数组的时候,我们会接触到js中数组的一些方法,这些方法对我们来说,可以很遍历的达到我们想要的结果,但是因为方法比较多,有些方法也不常用,可能会过一段时间就会 ...
- js中数组去重方法及性能对比
js中数组的 数组去重 常用的数组去重方法以及效率分析: 首先我们先构建一个数组,主要是用于进行去重实验,我们主要实验的量级为1000,10000,100000,500000.具体的生成数组的方法如下 ...
随机推荐
- zxing .net 多种条码格式的生成
下载地址:http://zxingnet.codeplex.com/ zxing.net是.net平台下编解条形码和二维码的工具,使用非常方便. 本文主要说明一下多种类型条码的生成. 适用的场景,标签 ...
- chrome调试工具高级不完整使用指南(实战一)
三.chrome调试工具实战 3.1 获取界面对应的HTML和修改样式 我们以博客园为例子来分析. 通过上面的操作就可以定位到对应的HTML代码 左侧菜单显示的就是当前指定元素层叠样式的一个情况 上面 ...
- Eclipse 配置scala开发环境(windows)
1. scala2.10.4.msi 安装 2. 配置SCALA_HOME 及path路径 SCALA_HOME C:\Program Files (x86)\scala PATH :%SCALA_H ...
- SQL Server-聚焦sp_executesql执行动态SQL查询性能真的比exec好?
前言 之前我们已经讨论过动态SQL查询呢?这里为何再来探讨一番呢?因为其中还是存在一定问题,如标题所言,很多面试题也好或者有些博客也好都在说在执行动态SQL查询时sp_executesql的性能比ex ...
- vs2008中xlslib与libxls库的编译及使用
C++用来操作Excel的方法很多,但是涉及到跨平台,同时又要对Excel的读写操作兼顾,而且免费的库,那应该是要用xlslib和libxls了.由于技术比较菜,折腾这个折腾了一个星期了.最开始是使用 ...
- HTML知识点总结之<a>标签
HTML是什么? HTML(Hyper Text Markup Language)超文本标记语言,用来描述网页的一种语言.超文本是指网页不止有文本,还可以有图片,链接,视频,音频等非文本元素.标记语言 ...
- windows 连接Linux
服务器:阿里云 ecs 从 Windows 环境远程登录 Linux 实例 远程登录软件的用法大同小异.本文档以 Putty 为例,介绍如何远程登录实例.Putty 操作简单.免费.免安装, 下载地址 ...
- rjs 合并压缩完 js 后 js 不压缩的问题
线下用 requirejs 开发完后,代码上线前要用 rjs 将多个有依赖关系的 js 文件压成一个,然后某天居然发现压成一个的 js 文件,没有压缩!!!几万行的 js!!! 很显然,是 uglif ...
- Java集合系列[3]----HashMap源码分析
前面我们已经分析了ArrayList和LinkedList这两个集合,我们知道ArrayList是基于数组实现的,LinkedList是基于链表实现的.它们各自有自己的优劣势,例如ArrayList在 ...
- 【转载】wifi一键配网smartconfig原理及应用
物联网给我们又提供了一种窃取WiFi密码的好方式:让智能设备主动断线. 同时也提供一种让智能设备连接到恶意WiFi的方式:设备一键配置功能时疯狂广播恶意WiFi的信息. 转自:http://blog. ...