博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript中的数组
阅读量:6759 次
发布时间:2019-06-26

本文共 3321 字,大约阅读时间需要 11 分钟。

JavaScript中的数组

Array是JavaScript中常用的类型,并且JavaScript中的数组和其他语言的数组有比较大的区别。JavaScript中数组中存放的数据类型不一定相同,而且数组的长度也是可改变的。

下面记录一下Array的常用操作:

一 新建数组

新建数组可以用一下方法:

var obj = ['zdy',22,'湖北武汉','计算机科学与技术'];//创建一个数组变量var obj1 = new Array('zdy',22,'湖北武汉','计算机科学与技术');var obj2 = new Array(4);obj2[0] = 'zdy';obj2[1] = 22;obj2[2] = '湖北武汉';obj2[3] = '计算机科学与技术';

上面方式创建数组其实是等价的,输出:

alert(obj);         //返回zdy,22,湖北武汉,计算机科学与技术alert(obj1);        //返回zdy,22,湖北武汉,计算机科学与技术alert(obj2);        //返回zdy,22,湖北武汉,计算机科学与技术

前面提到的JavaScript中数组里面存放的数据类型不一定要一致,所以,我们还可以创建如下的数组:

var obj3 = [    'zdy',    [1,'2',true],    {        name:'zdy',        age:22,        address:'湖北武汉'    }];

下面看看输出的情况:

alert(obj3);//返回 zdy,1,2,true,[object Object]alert(obj3[1][2]);//返回 truealert(obj3[2].address);//返回 湖北武汉

二 数组中常用的方法

1.toString()/toLocaleString()/valueOf()方法

对象或者数组都有这三个方法,这三个返回返回值一样,就是将数组拼接成字符串返回,默认情况下以逗号分隔。例如:

var obj = ['zdy',22,'湖北武汉','计算机科学与技术'];//创建一个数组变量alert(obj.toString());      //toString()方法,返回zdy,22,湖北武汉,计算机科学与技术alert(obj.toLocaleString());   //toLocaleString()方法,返回zdy,22,湖北武汉,计算机科学与技术alert(obj.valueOf());       //valueOf()方法,返回zdy,22,湖北武汉,计算机科学与技术
2.join()方法

上面三个方法返回的字符串是以逗号分隔,如果我们需要换成其他的分隔符的话,就需要用到join方法,该方法将会把字符号按照指定的字符拼接后返回。

var obj = ['zdy',22,'湖北武汉','计算机科学与技术'];alert(obj.join("|"));            //返回 zdy|22|湖北武汉|计算机科学与技术
3.栈方法-push()/pop()

JavaScript提供了push()/pop()方法,使得我们可以想操作栈(先进后出)一样操作数组,数组的插入和删除均在栈顶(数组的末尾)进行。

pusp()方法可以接受任意数量的参数,作用是将这些参数添加到数组的末尾,并返回添加后数组的长度。

pop()则是将数组的最后一个元素删除,并返回删除的元素。

var obj = ['zdy',22,'湖北武汉','计算机科学与技术'];//创建一个数组变量alert(obj.push("计算机",160)); //向数组的末尾追加元素,返回6alert(obj);        //返回 zdy,22,湖北武汉,计算机科学与技术,计算机,160alert(obj.pop());    //删除数组的最后一个元素,并返回删除的元素 160alert(obj);  //返回 zdy,22,湖北武汉,计算机科学与技术,计算机
4.队列方法-push()/shift()/unshift()

JavaScript也提供了shift()/unshift()方法,使得我们可以想操作队列(先进先出)一样操作数组,数组的插入和删除均在分别在对尾(数组的末尾)和对头(数组首部)进行。

pusp()方法可以接受任意数量的参数,作用是将这些参数添加到数组的末尾,并返回添加后数组的长度。

shift()方法可以从数组的前端删除一个元素,并返回删除的元素。

unshift()方法可以从数组的前端插入一个元素,并返回新数组的长度。

var obj = ['zdy',22,'湖北武汉','计算机科学与技术'];//创建一个数组变量alert(obj.push("添加的元素"));//向数组的末尾追加一个元素,返回5alert(obj); //返回 zdy,22,湖北武汉,计算机科学与技术,添加的元素alert(obj.shift());//删除数组中的第一个元素,返回删除的元素 zdyalert(obj); //返回 22,湖北武汉,计算机科学与技术,添加的元素alert(obj.unshift("新增首部元素"));//在数组的首部加入新元素,并返回数组的长度 5//********注意:在IE中unshift返回的是undefined**********alert(obj); //返回 新增首部元素,22,湖北武汉,计算机科学与技术,添加的元素

三 数组的基本操作

1.concat()方法

concat()方法可以基于已有数组创建新数组,用于连接数组。

var a1 = [1,2,3];var a2 = a1.concat(4,5);//创建新数组,并将a1添加两个元素后赋值给a2alert(a1);//返回 1,2,3alert(a2);//返回 1,2,3,4,5
2.slice()方法

slice()方法用于提取数组中的部分元素。

var a1 = [1,2,3,4,5,6];var a2 = a1.slice(2,4);//返回第2到第4个之间的元素,不包括第4个alert(a1);//返回 1,2,3,4,5,6alert(a2);//返回 3,4
3.splice()方法

splice()方法重用来向数组中插入、修改、删除元素。

//splice中的插入var obj = ['zdy',22,'湖北武汉','计算机科学与技术'];//创建一个数组变量obj.splice(1,0,"新插入的元素1",123); //从第一个开始插入2个元素alert(obj);//返回 zdy,新插入的元素1",123,22,湖北武汉,计算机科学与技术

//splice中的修改var obj = ['zdy',22,'湖北武汉','计算机科学与技术'];//创建一个数组变量alert(obj); //返回 zdy,22,湖北武汉,计算机科学与技术alert(obj.splice(1,1,19));//修改第一个元素为19,返回被修改之前的元素 22alert(obj); //返回 zdy,19,湖北武汉,计算机科学与技术alert(obj.splice(1,2,20,"湖北恩施"));//修改从第一个元素开始的两个元素为20和“湖北恩施”//返回 19,湖北武汉alert(obj);//返回 zdy,20,湖北恩施,计算机科学与技术

//splice中的删除var obj = ['zdy',22,'湖北武汉','计算机科学与技术'];//创建一个数组变量alert(obj); //返回 zdy,22,湖北武汉,计算机科学与技术alert(obj.splice(1,2));//删除从第一个元素开始的2个元素,返回被删除的元素 22,湖北武汉alert(obj); //返回 zdy,计算机科学与技术

By:

   
       

转载地址:http://rpweo.baihongyu.com/

你可能感兴趣的文章
ubuntu 本地和服务器scp文件传输
查看>>
bitmap
查看>>
image has dependent child images
查看>>
Vim常用的命令
查看>>
redis权限认证及登录
查看>>
判断表是否存在 存储
查看>>
rox + openbox + fbpanel + conky打造又快又稳的桌面
查看>>
“蚁族” 的生活方式画像
查看>>
数据结构概述
查看>>
python自学笔记(二)python基本数据类型之字符串处理
查看>>
springboot1.5升级2.0后遇到的问题
查看>>
Leetcode Word Break II
查看>>
java 8 in action
查看>>
计算机容量及计算分析
查看>>
javascript闭包
查看>>
腻子脚本polyfill
查看>>
IIS与ASP.NET中的线程池
查看>>
win8系统安装.net Framework3.5
查看>>
Shel脚本-初步入门之《04》
查看>>
Nginx入门之两种handler函数的挂载方式
查看>>