js学习篇1--数组
javascript的数组可以包含各种类型的数据。
1. 数组的长度 ,直接用 length 属性;
var arr=[1,2,3];
arr.length;
js中,直接给数组的length赋值是会改变数组的大小的,例如:
var array=[1,2,3];
console.log(array.length);//输出array的长度为3
array.length=5;//给array的长度赋值为5,此时array的内容变为[1,2,3,undefined,undefined]
console.log(array);//console.log输出还是会输出1,2,3,但是数组的长度已经改变了,如果改成alert(array),则可以看到弹出框内容为1,2,3,,
console.log(array[4]);//输出为undefined
2. 数组的赋值和修改值
数组可以通过索引值修改内如和赋值
var array=[1,2,3];
array[0]=0;
console.log(array);//输出结果为 0,2,3
!!!如果通过索引赋值时,索引超过了数组的长度范围,会引起数组大小的变化:
var array=[1,2,3];
array[5]=5;
console.log(array);//array变为[1,2,3,undefined,undefined,5]
一般最好不要直接改变数组的大小,容易引起问题。
3. indexOf()
数组可以通过indexOf()来查看某个元素的位置
var arr=["a","b","c"];
console.log(arr.indexOf("c"));//输出结果为2
console.log(arr.indexOf(2));//输出结果为-1,当arr里不包含查询的这个值时,则返回-1
4. push()和pop()
push()向数组的末尾添加若干元素,pop()是
把数组的最后一个元素删除掉。
push()例子:
var arr=["a","b","c"];
arr.push("sky","car");
console.log(arr);//arr的内容变为["a", "b", "c", "sky", "car"]
pop()例子,接着push()例子继续:
console.log(arr.pop());//输出car;由此发现一个方法,可以利用pop()获取数组的最后一个元素
console.log(arr);//arr的内容变为["a", "b", "c", "sky"],剩下四个值
arr.pop();
arr.pop();
arr.pop();
arr.pop();//arr连续pop四次,arr变为空数组
console.log(arr.pop());//空数组继续pop不会报错,而会返回undefined值
!!!由此发现一个方法,可以利用pop()来获取数组的最后一个元素
5. unshift()和shift()
unshift()向数组的开端插入若干元素,shift()是闪电数组的第一个元素。
unshift()例子:
var arrshift=["a","b","c"];
arrshift.unshift("sky","car");
console.log(arrshift);//arrshift变为["sky", "car", "a", "b", "c"]
shift()例子:
console.log(arrshift.shift());//输出sky
console.log(arrshift);//arrshift变为["car", "a", "b", "c"]
arrshift.shift();
arrshift.shift();
arrshift.shift();
arrshift.shift();//shift()四次之后,数组变为空数组
console.log(arrshift.shift());//空数组shift()不会报错,会返回undefined值
!!!同理,可以利用shift()来获取数组的第一个元素
6. join()
join()方法是用来把数组的每个元素都用指定的字符串连接起来,然后返回连接后的字符串,这个很非常有用的方法。例子:
var arrJoin=["Olive","Kong"];
console.log(arrJoin.join("-"));//返回Olive-Kong字符串
如果数组中存储的不是字符串元素,那么join()方法会把元素自动转换成字符串,然后再连接。例子:
var arrJoin=[13,14];
console.log(arrJoin.join(""));//返回1314字符串
7. reverse()
reverse()方法就是把数组倒置。例子:
var arrReverse=["Kong","Olive"];
console.log(arrReverse.reverse());//arrReverse变为了["Olive", "Kong"]
8. sort()
sort()方法是用来给数组排序的,直接调用时,按照默认顺序排序。例子:
var arrSort=[2,5,1,40,26];
console.log(arrSort.sort());//排序结果为[1, 2, 26, 40, 5]
var arrSort2=["sort","block","css","html","js","sky"];
console.log(arrSort2.sort());//排序结果为["block", "css", "html", "js", "sky", "sort"]
var arrSort3=[1,"block","css","html","js","sky"];
console.log(arrSort3.sort());//排序结果为[1, "block", "css", "html", "js", "sky"]
var arrSort4=[1,"2","3","html","js","sky"];
console.log(arrSort4.sort());//排序结果为[1, "2", "3", "html", "js", "sky"]
可以看出来默认的排序顺序就是数字排在前面,字符排在后面,字符串是按照字母的顺序排序,数字却不是按照大小来排序的,那么数字能否进行升序排序或者降序排序呢。当然是可以的,请看文章《js学习篇--数组按升序降序排列》,这里就不多做介绍了。
9. slice()
slice()方法是用来截取数组的部分元素,然后返回一个新的数组的。
var arrSlice=[1,2,3,4,5,6];
console.log(arrSlice.slice(0,4));//截取从索引0到索引为4之间的元素(不包括索引为4的值),结果为[1,2,3,4]
console.log(arrSlice.slice(4));//截取从索引4之后的所有元素,包括索引为4的元素,结果为[5,6]
10. splice()
splice()方法是用来对数组进行修改的(可以添加也可以删除),它可以从指定的索引开始删除若干元素,然后再从该位置添加若干元素。例子:
var arrSplice=["olive","kong","is","studying","js"];
console.log(arrSplice.splice(3,2,"playing","outside"));// 从索引3开始删除2个元素,然后再添加两个元素:返回值["studying","js"]
console.log(arrSplice);//上面的语句后,arrSplice变为了["olive", "kong", "is", "playing", "outside"]
只删除不添加,例子(接着上面的例子进行的):
arrSplice.splice(0,2);//从索引0开始向后删除两个元素,不添加任何元素
console.log(arrSplice);//数组变为["is", "playing", "outside"]
只添加不删除,例子(继续接着上面的例子进行):
arrSplice.splice(0,0,"Popeye");//从索引0开始,向后删掉0个元素,然后添加上1个元素,console 的返回值为[]
console.log(arrSplice);//数组变成["Popeye", "is", "playing", "outside"]
11. concat()
concat()方法是用来把当前的数组和另一个数组连接起来,并返回一个新的数组的。例子:
var arrConcat=[1,2,3];
var arrNew=arrConcat.concat(["a","b"]);
console.log(arrConcat);//返回值为[1,2,3],原数组并没有变
console.log(arrNew);//返回新数组为[1, 2, 3, "a", "b"]
//concat可以连接好几个数组
var arrC1 = ["George","John","Thomas"];
var arrC2 = ["James","Adrew","Martin"];
var arrC3 = ["William","Franklin","Martin"];
console.log(arrC1.concat(arrC2,arrC3));
js学习篇1--数组的更多相关文章
- js学习篇--数组按升序降序排列
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- js实用篇之数组、字符串常用方法
常常在开发中,会使用到很多js数组和字符串的处理方法,这里列举一些我常用到的一些,方便大家参考使用. 数组方面 push:向数组尾部增加内容,返回的是新数组的长度. var arr = [1,2,3] ...
- JS学习笔记 (四) 数组进阶
1.基本知识 1.数组是值的有序集合.每个值叫做一个元素,而每个元素在数组中的位置称为索引,以数字表示,以0开始. 2.数组是无类型的.数组元素可以是任意类型,并且同一个数组中的不同元素也可能有不同的 ...
- [前端JS学习笔记]JavaScript 数组
一.JavaScript数组的奇葩 大多数语言会要求数组的元素是同个类型, 但是JavaScript允许数组元素为多种类型. var arr = ["羽毛球", 666, {&qu ...
- 原生js 学习之array 数组
Array的原生方法: concat(): 连接两个或更多的数组哦 join(): 把数组的所有元素放在一个字符串中 pop():删除并返回数组的最后一个元素 push():向数组的末尾添加一个元素 ...
- 【学习】js学习笔记:数组(二)
二维数组 例子:矩形反转: <script> var arr=[[1,1,1,1,1],[2,2,2,2,2],[3,3,3,3,3],[4,4,4,4,4],[5,5,5,5,5]]; ...
- 【学习】js学习笔记:数组(一)
1.创建数组并赋值 //对象方式 var arr=new Array(1,2,3,4); //隐形声明方式 var arr2=[5,6,7,8]; 2.数组可以存储任何类型的数据 3.访问数组,是用下 ...
- OC学习篇之---数组对象的引用计数问题和自动释放池的概念
之前一片文章中我们介绍了OC中的两个关键字@property和@synthesize的使用的使用: http://blog.csdn.net/jiangwei0910410003/article/de ...
- Node.js学习准备篇
这里写个Node.js 准备篇包含内容有node.js 的安装,命令行运行node.js 文件,使用webStrom 编写 node.js 时有提示功能,并用webStrom 运行 Node.js 其 ...
随机推荐
- SQL Server 2014新特性:其他
AlwaysOn 增强功能 SQL Server 2014 包含针对 AlwaysOn 故障转移群集实例和 AlwaysOn 可用性组的以下增强功能: “添加 Azure 副本向导”简化了用于 Alw ...
- python教程与资料
网上有个人写的python快速教程,非常好.比看书好多了.猛击下面的链接地址 http://www.douban.com/group/topic/30008503/ python文档资料收集 pyth ...
- overflow:hidden与margin:0 auto之间的冲突
相对于父容器水平居中的代码margin:0 auto与overflow:hidden之间存在冲突.当这两个属性同时应用在一个DIV上时,在chrome浏览器中将无法居中.至于为啥我也不明白.
- 解决mybatis foreach 错误: Parameter '__frch_item_0' not found
解决mybatis foreach 错误: Parameter '__frch_item_0' not found 在遍历对象的属性(是ArrayList对象)时报错: org.mybatis.spr ...
- Java并发基础总结
并发是一种能并行运行多个程序或并行运行一个程序中多个部分的能力.如果程序中一个耗时的任务能以异步或并行的方式运行,那么整个程序的吞吐量和可 交互性将大大改善.现代的PC都有多个CPU或一个CPU中有多 ...
- Caffe Python MemoryDataLayer Segmentation Fault
转载请注明出处,楼燚(yì)航的blog,http://home.cnblogs.com/louyihang-loves-baiyan/ 因为利用Pyhon来做数据的预处理比较方便,因此在data_l ...
- Spring AspectJ基于注解的AOP实现
对于AOP这种编程思想,很多框架都进行了实现.Spring就是其中之一,可以完成面向切面编程.然而,AspectJ也实现了AOP的功能,且实现方式更为简捷,使用更加方便,而且还支持注解式开发.所以,S ...
- UOJ #221 【NOI2016】 循环之美
题目链接:循环之美 这道题感觉非常优美--能有一个这么优美的题面和较高的思维难度真的不容易-- 为了表示方便,让我先讲一下两个符号.\([a]\)表示如果\(a\)为真,那么返回\(1\),否则返回\ ...
- Redis集群~windows下搭建Sentinel环境及它对主从模式的实际意义
回到目录 关于redis-sentinel出现的原因 Redis集群的主从模式有个最大的弊端,就是当主master挂了之前,它的slave从服务器无法提升为主,而在redis-sentinel出现之后 ...
- jQuery Ajax传值给Servlet,在Servlet里Get接受参数乱码的解决方法
最近在学jquery ui,在做一个小功能的时候需要将前台的值获取到,通过Ajax传递给Servlet,然后再在返回数据结果,但是在Servlet接受参数的时候,通过后台打印,发现接受乱码,代码示例如 ...