`
qinweiping
  • 浏览: 131332 次
  • 性别: Icon_minigender_1
  • 来自: 嘉兴
社区版块
存档分类
最新评论

javascript基础(四)数组及常见方法

 
阅读更多

今天主要复习一下数组及常见方法:

数组的长度
数组的reverse方法
数组的concat方法
数组的join方法
数组的创建
数组的pop和shift方法
数组的slice方法
数组其他的常见方法
代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> JavaScript的数组 </TITLE>
  <META NAME="Content-Type" CONTENT="text/html;charset=utf-8">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <SCRIPT LANGUAGE="JavaScript">
  <!--
	var arr=new Array();
	arr[0]="arr_user1";
	arr[1]="arr_user2";
	arr[2]="arr_user3";

	var arr1=new Array(5);
	arr1[0]="arr1_user1";
	arr1[1]="arr1_user2";
	arr1[2]="arr1_user3";
	arr1[3]="arr1_user4";
	arr1[4]="arr1_user5";
	arr1[5]="arr1_user6";
	arr1[2]="arr1_newuser3";
	//alert(arr1[2]);

	//alert(arr.length);
	
	for(var i=0;i<arr1.length;i++){
		document.write(arr1[i]+"<br/>");
	}
	document.write("<br/>");

	//数组倒序的方法
	//有需要后进先出的要求时,常用于该方法
	arr1.reverse();
	for(var i=0;i<arr1.length;i++){
		document.write(arr1[i]+"<br/>");
	}
	
	document.write("<br/>")
	document.write("<h1>数组的concat方法</h1>");
	var newarr=arr.concat(arr1,"newelement");
	for(var i=0;i<newarr.length;i++){
		document.write(newarr[i]+"<br/>");
	}

	//数组的join方法
	document.write("<br/>");
	document.write("<h1>数组的join方法</h1>");
	var resultStr=newarr.join("_");
	document.write(resultStr);

	//数组的pop方法
	document.write("<br/>");
	document.write("<h1>数组的pop方法</h1>");
	var element=newarr.pop();
	document.write(element+"</br>");
	document.write("pop方法后,该数组还剩下"+newarr.length+"个元素<br/>");

	//数组的shift方法
	document.write("<br/>");
	document.write("<h1>数组的shift方法</h1>");
	var element=newarr.shift();
	document.write(element+"<br/>");
	document.write("shift方法后,该数组还剩下"+newarr.length+"个元素<br/>");

	//数组的slice方法
	//slice方法中的start索引如果为负数,则从数组的后面开始截取,-1为数组的最后一个元素
	document.write("<br/>");
	document.write("<h1>数组的slice方法</h1>");
	var slicearr=newarr.slice(-2);
	for(var i=0;i<slicearr.length;i++){
		document.write(slicearr[i]+"<br/>");
	}

	//数组的push方法
	document.write("<br/>");
	document.write("<h1>数组的push方法</h1>");
	var num=newarr.push("pushelement1");
	document.write("newarr中的最后一个新增元素为:"+newarr[num-1]+"<br/>");
	num=newarr.push("pushelement2","pushelement3");
	document.write("newarr中的最后一个新增元素为:"+newarr[num-1]+"<br/>");

	//数组的unshift方法
	//不能在IE浏览器中用unshift方法返回新数组的长度
	document.write("<br/>");
	document.write("<h1>数组的unshift方法</h1>");
	num=newarr.unshift("unshiftelement1");
	for(var i=0;i<newarr.length;i++){
		document.write(newarr[i]+"<br/>");
	}
	document.write("<br/>");
	num=newarr.unshift("unshiftelement2","unshiftelement3","unshiftelement4");
	for(var i=0;i<newarr.length;i++){
		document.write(newarr[i]+"<br/>");
	}
  //-->
  </SCRIPT>
 </HEAD>

 <BODY>
  
 </BODY>
</HTML>
 Ø
reverse方法
用于颠倒数组中元素的顺序。
Øconcat方法
用于将两个或更多的数组组合在一起。
Øjoin方法
返回一个数组的所有元素用指定符号连在一起的字符串。
Øpop方法
移除数组中的最后一个元素并返回该元素。
Øshift方法
移除数组中的第一个元素并返回该元素。
Øslice方法
返回数组中指定的start位置到end位置所指定的元素,不包含end元素。
Øpush方法
向数组的末尾添加一个或更多元素,并返回新的长度。
Øunshift方法
向数组的开头添加一个或更多元素,并返回新的长度。
0
0
分享到:
评论

相关推荐

    javascript中数组、对象

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

    JavaScript常用的数组操作方法1.pdf

    本文主要介绍了JavaScript中常见的数组操作方法,包括添加、删除和排序,这对于理解和优化JavaScript代码至关重要。 1. **数组的添加** - **concat()** 方法用于合并数组,它不会改变原始数组,而是返回一个新的...

    JavaScript获取多个数组的交集

    以上就是JavaScript获取多个数组交集的常见方法。在实际开发中,我们需要根据具体情况选择最适合的方案,平衡性能和代码简洁性。同时,理解这些基本操作也有助于我们更好地掌握JavaScript数组处理的技巧。在阅读类似...

    JS 数组遍历的方法

    本篇文章将详细介绍几种常见的JS数组遍历方法,并通过实例来加深理解。 1. `for`循环 这是最基础的遍历方式,通过索引来访问数组中的每个元素: ```javascript let arr = [1, 2, 3, 4, 5]; for (let i = 0; i ; i+...

    javascript构造二维数组

    在JavaScript中,构造二维数组是常见的操作,尤其是在处理表格数据、棋盘游戏或者复杂的矩阵运算时。二维数组是由多个一维数组组成的数组,每个一维数组可以看作是二维数组的一行。本篇将深入探讨如何在JavaScript中...

    JavaScript程序设计-JavaScript数组.pptx

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

    js 数组详细操作方法及解析合集

    在JavaScript编程中,数组是经常使用的一种数据...数组操作是JavaScript开发中的基础,熟练掌握数组的操作方法对于高效编写代码是非常重要的。希望以上总结对您有所帮助,让您在开发过程中能够更加得心应手地使用数组。

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

    通过这个sort_object函数,开发者可以灵活地对JavaScript中的数组或对象进行排序,无论其结构多么复杂,都能以指定的子键为基础来获得正确的排序结果。这种排序方法特别适用于处理具有层级关系或复杂结构的数据集合...

    JavaScript数组合并的多种方法_.docx

    本文主要探讨了JavaScript中合并数组的多种方法,包括它们的优缺点。首先,我们来看一个基础的例子: ```javascript var a = [1, 2, 3, 4, 5, 6, 7, 8, 9]; var b = ["foo", "bar", "baz", "bam", "bun", "fun"]; `...

    javaScript数组操作笔迹

    虽然 `grep` 和 `map` 并不是原生 JavaScript 的数组方法,但它们在许多其他编程语言中很常见,比如 Perl。在 JavaScript 中,尤其是使用 jQuery 时,可以通过类似的方式来实现这两个功能: - `grep` 可以用来筛选...

    javascript数组拍平方法总结

    这种方法在递归的基础上,使用concat方法来合并数组,可以有效地减少数组的嵌套层数。我们通过在每次递归调用时将非数组元素推入一个新数组,并对数组元素调用concat方法来实现这一点。最终,这个新数组将包含所有非...

    JavaScript数组去重1

    以下将详细讲解几种常见的JavaScript数组去重方法。 1. **新建数组法**: 这是最基础的方法,通过创建一个新的空数组,遍历原数组,每次遇到不重复的元素就将其添加到新数组中。这种方法简单易懂,但效率较低,...

    javascript数组去重方法分析

    在JavaScript编程中,数组去重是一项常见的操作,特别是在处理数据集合时。本文将详细解析两种JavaScript数组去重的方法,并提供一些额外的在线工具供参考。 ### 方法一:使用`indexOf()`方法 这种方法基于`index...

    javascript数组去重的方法汇总

    本文汇总了四种不同的JavaScript数组去重的方法,下面将详细解析这些方法及其原理。 ### 第一种:基于`indexOf`的方法(`unique1`) 这种方法利用`Array.prototype.indexOf()`方法来检查数组中是否存在重复元素。`...

    JavaScript 高性能数组去重的方法

    在JavaScript中,数组去重是一种常见的需求,尤其是当处理大规模数据时,选择高效的去重方法至关重要。本文将深入探讨多种JavaScript数组去重的方法,并对其性能进行测试比较。 首先,通常会使用的去重方法包括...

    JavaScript数组去重的6个方法

    在JavaScript中,数组去重是一项常见的操作,尤其是在处理数据集合时。本文将介绍6种不同的方法来实现JavaScript数组去重,这些方法适用于不同的场景和需求。 1. **基础方法(O(n^2)**: 这是最直观的方法,通过两...

    javascript实现数组内值索引随机化及创建随机数组的方法

    在Web开发中,JavaScript是最...总结来说,JavaScript数组内值索引的随机化以及创建随机数组是实现多种Web功能的基础技能。通过学习和掌握这些技能,开发者可以更加高效地处理数组数据,创建更加丰富和有趣的应用程序。

    js获取对象,数组所有属性键值(key)和对应值(value)的方法示例

    在JavaScript编程中,获取对象和数组的属性键值(key)和对应值(value)是一项基本...了解并熟练掌握这些基础操作对于进行JavaScript编程至关重要。同时,理解各种遍历方法的差异和性能特点也是优化代码性能的关键。

    NingArray宁数组一些实用的基于ES6的自定义数组方法

    这些方法旨在简化常见的数组处理任务,提高代码的可读性和效率。下面将详细介绍其中的一些关键功能。 1. **`forEachRight`**: 这个方法与原生的`forEach`类似,但它的迭代是从数组的末尾开始,向数组的开头方向进行...

    编程语言中列表/数组扩展方法详解-Python与JavaScript/C++实例

    使用场景及目标:帮助读者深入了解各种主流编程语言中常见的数组/列表扩展方法的工作原理及应用场景,提升编程技能。 其他说明:虽然本文以几个具体例子来展示各语言中的 append 相关操作,但掌握这些基本概念后可以...

Global site tag (gtag.js) - Google Analytics