`
schy_hqh
  • 浏览: 558201 次
  • 性别: 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中,创建数组通常使用数组字面量 `[]`。这与使用 `new Array()` 不同,因为后者在某些情况下用于创建指定长度的数组,而数组字面量则更加...

    javascript中数组、对象

    文档"Javascript数组操作整理.doc"可能包含了对数组常见操作的详细总结,如遍历方法(`for`循环、`forEach`、`map`等)、查找方法(`indexOf`、`find`、`filter`等)、排序方法(`sort`)、转换方法(`concat`、`...

    javascript循环数组有什么方法_javascript循环数组有哪些方法.docx

    **解决方案**:使用 `for` 循环是最常见的遍历数组的方式。数组的索引从0开始,通过 `length` 属性可以知道数组的长度,从而确定循环何时终止。 **示例代码**: ```javascript let arr = [1, 2, 3, 4, 5]; for (let...

    javascript数组有哪些常见的方法_javascript数组有什么方法.docx

    ### JavaScript 数组常见方法详解 #### 一、前言 JavaScript 中的数组是一种非常重要的数据结构,用于存储一系列有序的数据。本文将详细介绍 JavaScript 数组的一些常用方法及其应用场景,帮助开发者更好地理解和...

    JavaScript中数组的一些算法和技巧总结

    - 避免在数组方法中使用副作用,这可能导致意外行为和性能下降。 - 使用`const`声明数组,避免不必要的重新分配。 5. 实现常见算法 - 查找最大值/最小值:`Math.max.apply(null, arr)` 和 `Math.min.apply(null,...

    【JavaScript源代码】JavaScript中数组sort()方法的基本使用与踩坑记录.docx

    `sort()`方法是JavaScript数组的一个内置方法,它允许开发者对数组元素进行排序。此方法不仅可以应用于数字数组,还可以应用于字符串数组甚至是对象数组。 #### 二、sort()方法的基本语法及参数 `sort()`方法的...

    JavaScript对象数组排序函数及六个用法

    在JavaScript开发过程中,对数组或对象进行排序是一项常见的需求。为了应对不同场景下的排序需求,本文将介绍一个自定义的JavaScript函数,该函数支持对数组或对象进行排序,并且能够根据数组或对象中嵌套的任意深度...

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

    在实际应用中,JavaScript数组的使用方法远不止这些,还包括filter、map、reduce、forEach等高级操作,这些操作能让我们以函数式编程的方式对数组进行处理,从而编写出更为简洁、高效的代码。 需要注意的是,...

    JavaScript获取多个数组的交集

    同时,理解这些基本操作也有助于我们更好地掌握JavaScript数组处理的技巧。在阅读类似《JavaScript高级程序设计》这样的书籍,或者在iteye这样的技术社区中,你可以找到更多关于数组操作和算法优化的知识,不断提升...

    javascript 删除数组元素和清空数组的简单方法

    本篇文章将详细介绍如何使用JavaScript删除数组元素以及清空数组的几种方法。 1. **清空数组** 清空数组最简单的方法是使用`splice()`方法。例如: ```javascript var ary = [1, 2, 3, 4]; ary.splice(0, ary....

    JavaScript如何获取数组最大值和最小值

    在JavaScript中,获取数组的最大值和最小值是常见的操作,特别是在数据分析、数据处理或界面动态更新等场景。这里我们将详细探讨如何使用JavaScript实现这个功能。 首先,我们可以使用内置的Math对象中的`Math.max...

    JavaScript中数组添加值和访问值常见问题

    首先,要向JavaScript数组中添加一个新值,通常使用数组自带的方法,例如push()、unshift()等。push()方法用于在数组的末尾添加一个或多个元素,并返回新的数组长度。unshift()方法则是在数组的开头添加元素。除了...

    javascript中FOREACH数组方法使用示例.docx

    在JavaScript编程中,处理数组是非常常见的需求之一。随着ES5的引入,开发者拥有了更多强大的工具来操作数组,`Array.prototype.forEach()`便是其中之一。本文将深入探讨`forEach()`方法的工作原理、用法以及应用...

    JavaScript从数组中删除指定值元素的方法

    在JavaScript编程中,操作数组是常见的任务之一,而删除数组中的指定值元素是一个基础但重要的操作。...本文所提供的技术内容对于JavaScript数组操作的学习和应用都具有一定的参考价值,希望能够帮助到需要的朋友。

    javascript数组去重方法分析

    在JavaScript编程中,数组去重是一项常见的操作,特别是在处理数据集合...以上内容旨在帮助您理解和掌握JavaScript数组去重的方法,以及提高在实际开发中的效率。在实践中,可以根据数据规模和性能需求选择合适的方法。

    javascript 数组内存释放

    本篇文章将深入探讨JavaScript数组的内存释放机制,以及如何有效地管理数组内存。 首先,理解JavaScript的内存管理机制至关重要。JavaScript使用了一种称为垃圾回收(Garbage Collection, GC)的自动内存管理系统,...

    JavaScript模拟数组合并concat_.docx

    在JavaScript中,数组合并是一个常见的操作,特别是在处理数据集合时。`concat()`方法是JavaScript提供的一个内置函数,用于合并两个或多个数组,并返回一个新的合并后的数组。它不会改变原始数组,而是创建一个新...

    js数组使用方法

    以上介绍了JavaScript中数组的五个常见操作方法:`pop`、`push`、`unshift`、`splice` 和 `shift`。这些方法对于处理数组非常有用,可以帮助开发者轻松地添加、删除或修改数组中的元素。正确理解和使用这些方法可以...

    JavaScript程序设计-JavaScript数组.pptx

    JavaScript还提供其他数组操作方法,如`unshift()`在数组开头添加元素,`slice()`截取数组的一部分,`splice()`添加/删除数组元素,`concat()`连接两个或更多的数组,以及`indexOf()`和`lastIndexOf()`查找数组中...

    javaScript数组操作笔迹

    下面将详细介绍标题与描述中提到的几个关键的JavaScript数组操作知识点。 ### join(delimiter) `join()` 方法用于将数组的所有元素连接成一个字符串,元素之间通过指定的分隔符 `delimiter` 进行分隔。例如,对于...

Global site tag (gtag.js) - Google Analytics