`
schy_hqh
  • 浏览: 542537 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

javascript中的数组的常见用法

 
阅读更多

 

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
	<script type="text/javascript" src="mytool.js"></script>
	<script type="text/javascript">
		//Array对象的方法
		
		//concat() 连接多个数组并返回一个新的数组 
		//连接两个或更多的数组,并返回结果。
		//该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。
		var arr1 = [1,2,3];
		var arr2 = ['a','b','c'];
		var newArr = arr1.concat("haha",arr2,"hehe");
		newArr.show();//1,2,3,haha,a,b,c,hehe
		
		//join() 指定数组转换为字符串时是否使用分隔符以及使用哪种分隔符 
		//把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
		//arrayObject.join(separator) 指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。
		var arr1 = [4,5,6];
		var arr2str = arr1.join("-");
		arr2str.show();//4-5-6
		
		//sort() 对数组的元素进行排序,默认升序 
		var arr = ['e',1,3,2,'c','b','a'];
		var arrSorted = arr.sort();
		arrSorted.show();//1,2,3,a,b,c,e
		
		//reverse() 颠倒数组中元素的顺序。
		var arrReversed = arrSorted.reverse();
		arrReversed.show();//e,c,b,a,3,2,1
		
		//splice() 很强大,可以插入、删除或替换数组的元素。
		//splice() 方法会直接对数组进行修改
		//arrayObject.splice(index,howmany,element1,.....,elementX)
		var arr = [1,2,3,4,5];
		arr.show();
		var newArr = arr.splice(1,0,6,7); //howmany=0,表示插入 
		arr.show();//1,6,7,2,3,4,5
		
		var arr = [1,2,3,4,5];
		arr.show();
		var newArr = arr.splice(0,1); //删除  从0号位置开始删除1个元素 
		arr.show();//2,3,4,5
		
		var arr = [1,2,3,4,5];
		arr.show();
		var newArr = arr.splice(0,1,'a'); //删除  从0号位置开始删除1个元素,再指定该位置的新值 
		arr.show();//a,2,3,4,5
		
		//slice() 从某个已有的数组返回选中的元素
		//arrayObject.slice(start,end) 返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。
		//该方法并不会修改数组,而是返回一个子数组
		var arr = [1,2,3,4,5];
		var newArr = arr.slice(0,3);
		newArr.show();//1,2,3
		
		//操作数组头和尾的方法 
		
		//shift() 删除并返回数组的第一个元素  removeFirst
		var arr = [1,2,3,4,5];
		var firstRemovedElement = arr.shift();
		firstRemovedElement.show();//1 从头部开始删除
		arr.show();//2,3,4,5
		
		//unshift() 向数组的开头添加一个或更多元素,并返回新的长度。  addFirst
		var arr = [1,2,3];
		var temp = ['a',0];
		var newLen = arr.unshift(temp);//unshift添加元素,将把元素看做一个整体进行添加
		newLen.show();//4
		arr[0].show();//a,0
		arr.show();//a,0,1,2,3
		
		//push() 追加 , 向数组的末尾添加一个或更多元素,并返回新的长度。 addLast
		var arr = [1,2,3];
		arr.push(5).show();//new length : 4
		arr.show();//1,2,3,5
		
		//pop() 删除并返回数组的最后一个元素   removeLast
		var arr = [1,2,3];
		arr.pop().show();//3 被移除的元素  从尾部开始删除
		arr.show();//1,2
	</script>
	
	<script type="text/javascript">
		//向Array的原型prototype中添加自定义方法,覆盖Array中的默认方法 
		Array.prototype.toString = function() {
			return "["+this.join(", ")+"]";
		}
		
		var arr = new Array(1,2,3,4,5);
		arr.show();//[1, 2, 3, 4, 5]
	</script>
	
        //使用数组实现:队列与堆栈的数据结构
	<script type="text/javascript">
		//先进先出 
		function Queue() {
			//unshift
			//pop
		}
		
		//后进先出 
		function Stack() {
			//unshift
			//shift
		}
	</script>
</head>
<body>

</body>
</html>

 

分享到:
评论

相关推荐

    JavaScript数组各种常见用法实例分析

    主要介绍了JavaScript数组各种常见用法实例分析,包括数组的添加、删除、替换、还原等常见技巧,非常具有实用价值,需要的朋友可以参考下

    Javascript获取数组中的最大值和最小值的方法汇总

    比较数组中数值的大小是比较常见的操作,比较大小的方法有多种,比如可以使用自带的sort()函数,下面来介绍如下几种方法,代码如下: 方法一: //最小值 Array.prototype.min = function() { var min = this[0]; var...

    JavaScript学习笔记之数组的增、删、改、查

    在程序语言中数组的重要性不言而喻,JavaScript中数组也是最常使用的对象之一,数组是值的有序集合,由于弱类型的原因,JavaScript中数组十分灵活、强大,不像是Java等强类型高级语言数组只能存放同一类型或其子类型...

    JS数组的常见用法实例

    主要介绍了JS数组的常见用法,实例分析了javascript针对数组的遍历、排序与字符串分割成数组等用法,非常具有实用价值,需要的朋友可以参考下

    js数组常见操作及数组与字符串相互转化实例详解

    主要介绍了js数组常见操作及数组与字符串相互转化方法,以实例形式较为详细的分析并总结了JavaScript数组的常见使用技巧与转化方法,需要的朋友可以参考下

    JavaScript数组合并的多种方法

    这是一篇简单的文章,关于JavaScript数组使用的一些技巧。我们将使用不同的方法结合/合并两个JS数组,以及讨论每个方法的优点/缺点。 让我们先考虑下面这情况: var a = [ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]; var b = [ ...

    JavaScript数组迭代方法

    最近工作中经常涉及到数据的处理,数组尤其常见,经常需要对其进行遍历、转换操作,网上的文章零零散散,不得已自己又找出红宝书来翻出来看,顺便记一笔,便于以后查询。 数组常用的迭代方法 ECMAScript5为数组定义...

    【JavaScript源代码】Nodejs 数组的队列以及forEach的应用详解.docx

    例如: &gt;a=[] [] &gt;a.push(2.3.4) 3 &gt;a.push(2) 3 &gt;a [2.3.4.2] &gt;a.shift() 2 &gt;a &gt;[3.4.2] 数组与forEach 对数组的删除操作有两种常见方式:delete和使用splice方法,需要明确他们的区别。 splice

    javascript 数组精简技巧小结

    有时在创建代码时需要替换数组中的特定值,有一种很好的简短方法可以做到这一点,咱们可以使用.splice(start、value to remove、valueToAdd),这些参数指定咱们希望从哪里开始修改、修改多少个值和替换新值。...

    Web前端开发技术-二维数组及操作.pptx

    创建二维数组的两种常见方式的用法: var info = new Array( new Array('Tom', 13, 155), new Array('Lucy', 11, 152) ); console.log(info[0]); // 输出结果:(3) ["Tom", 13, 155] console.log(info[0][0]); // ...

    JavaScript核心技术 PDF扫描版

    4.6JavaScript数组 4.7关联数组:不是数组的数组 4.8习题 第5章函数 5.1定义函数:细数所有方式 5.2回调函数 5.3函数和递归 5.4嵌套函数、函数闭包和内存泄漏 5.5作为对象的函数 5.6习题 第6章捕捉事件 6.1O级DOM上...

    源文件程序天下JAVASCRIPT实例自学手册

    6.3.4 使用splice()方法添加和删除数组元素 6.3.5 修改length属性更改数组 6.3.6 调用Array对象的方法生成字符串 6.3.7 连接两个数组 6.3.8 常见属性和方法汇总 6.4 Date对象 6.4.1 生成日期对象的实例 6.4.2 如何...

    javascript $.each用法例子

    $Each 是一个常见的 JavaScript 库或框架中的方法,用于迭代数组或对象的元素,并生成相应的 HTML 或其他内容。

    使用 JavaScript 创建和分析 JSON 消息

    在 JSON 格式化函数正式添加到 JavaScript 并广泛用于常见实现之前,请使用可从 http://www.json.org/json.js 下载的参考实现脚本。 &lt;br&gt;在撰写本文时的最新更新中,www.json.org 上的 json.js 脚本将 ...

    JS数组进阶示例【数组的几种函数用法】

    主要介绍了JS数组进阶,结合实例形式总结分析了数组的几种常见函数基本用法,涉及JavaScript数组元素删除、拼接、添加、倒序排列等相关操作技巧,需要的朋友可以参考下

    wats1020-arrays-functions:一项旨在练习在 Javascript 中使用数组和函数的作业

    在这个作业中,我们将探索使用函数来封装逻辑,我们将使用数组来帮助我们处理文本。 场景是这样的:你在一个网站上工作,我们需要一个允许我们“截断”文本的 Javascript 函数。 截断是缩短某些内容的过程,我们在...

    使用不同的方法结合/合并两个JS数组

    这是一篇简单的文章,关于JavaScript数组使用的一些技巧。我们将使用不同的方法结合/合并两个JS数组,以及讨论每个方法的优点/缺点。 让我们先考虑下面这情况: 代码如下: var a = [ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]; ...

    JavaScript语言教程及案例.docx

    当涉及到JavaScript的语言教程和案例时,下面是一个简单的介绍以及一个示例...- JavaScript中的函数也可以作为对象的方法调用。 #### 4. DOM操作: - JavaScript可以操作HTML文档的内容、结构和样式。 - Document Obj

    JavaScript基础和实例代码

    6.3.4 使用splice()方法添加和删除数组元素 6.3.5 修改length属性更改数组 6.3.6 调用Array对象的方法生成字符串 6.3.7 连接两个数组 6.3.8 常见属性和方法汇总 6.4 Date对象 6.4.1 生成日期对象的实例 6.4.2 如何...

Global site tag (gtag.js) - Google Analytics