`

javascript方法总结_Array

 
阅读更多

 javascript方法总结_Array

参考:http://www.w3school.com.cn/js/jsref_obj_array.asp

 

Array 对象

Array 对象用于在单个的变量中存储多个值。

创建 Array 对象的语法:

new Array();

new Array(size);

new Array(element0element1, ..., elementn);

参数

参数 size 是期望的数组元素个数。返回的数组,length 字段将被设为 size 的值。

参数 element ..., elementn 是参数列表。当使用这些参数来调用构造函数 Array() 时,新创建的数组的元素就会被初始化为这些值。它的 length 字段也会被设置为参数的个数。

返回值

返回新创建并被初始化了的数组。

如果调用构造函数 Array() 时没有使用参数,那么返回的数组为空,length 字段为 0

当调用构造函数时只传递给它一个数字参数,该构造函数将返回具有指定个数、元素为 undefined 的数组。

当其他参数调用 Array() 时,该构造函数将用参数指定的值初始化数组。

当把构造函数作为函数调用,不使用 new 运算符时,它的行为与使用 new 运算符调用它时的行为完全一样。

Array 对象属性

FF: Firefox, IE: Internet Explorer

属性

描述

FF

IE

constructor

返回对创建此对象的数组函数的引用。

1

4

index

 

1

4

input

 

1

4

length

设置或返回数组中元素的数目。

1

4

prototype

使您有能力向对象添加属性和方法。

1

4

Array 对象方法

FF: Firefox, IE: Internet Explorer

方法

描述

FF

IE

concat()

连接两个或更多的数组,并返回结果。

1

4

join()

把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。

1

4

pop()

删除并返回数组的最后一个元素

1

5.5

push()

向数组的末尾添加一个或更多元素,并返回新的长度。

1

5.5

reverse()

颠倒数组中元素的顺序。

1

4

shift()

删除并返回数组的第一个元素

1

5.5

slice()

从某个已有的数组返回选定的元素

1

4

sort()

对数组的元素进行排序

1

4

splice()

删除元素,并向数组添加新元素。

1

5.5

toSource()

返回该对象的源代码。

1

-

toString()

把数组转换为字符串,并返回结果。

1

4

toLocaleString()

把数组转换为本地数组,并返回结果。

1

4

unshift()

向数组的开头添加一个或更多元素,并返回新的长度。

1

6

valueOf()

返回数组对象的原始值

1

4

 

总结:

转换方法:toLocaleString,toString, valueOf

栈方法:push pop

队列方法:shift,unshift

重排序方法:sort

操作方法:concat slice splice

位置方法:indexOf lastIndexOf

ECMAScript5增加了迭代方法:every filter forEach map some

ECMAScript5缩小方法:reduce reduceRight

 

 

补充:length属性时可以读写的;

定义数组的第二种方法是:使用数组字面量;

join用于将数组转化为字符串,默认以","分割,也可以通过传入参数来改变分隔符。

Alert输出数组时,后台调用的是toString方法

concat join slice splice,前三个方法不改变元数组,splice改变原数组,可以实现增加,删除,修改

concat连接的只是数组的内容,而不是数组作为本身一个元素被连接。

 

 

<script type="text/javascript">
	//用Array对象定义数组
	var arr1 = new Array();
	var arr2 = new Array(3);
	var arr3 = new Array("red","green","yellow");
	
	//用数组字面量定义数组
	var arr4 = [];//创建一个空数组
	var arr5 = [1,"green",arr1];//创建包含三个字符串的数组
	var arr6 = [1,2,];//不要这样!这样会创建一个包含2项或3项的数组
	
	var arr7 = new Array(3);
	arr7.length = 5;
	</script>
  
<script type="text/javascript">
	var arr1 = new Array("red","green","yellow");
	var arr2 = [1,"green",arr1];//创建包含三个字符串的数组
	arr2.push(arr1);
	arr2.push("blue","black");
	var popItems = arr2.pop();
	
	var arrA = new Array("red","green","yellow");
	var arrB = [1,"green",arrA];//创建包含三个字符串的数组
	arrB.shift();
	arrB.shift();
	var unshiftItems = arrB.unshift();
	</script>
  
<script type="text/javascript">	
	//注意:concat连接的是数组中的内容
	var arr1 = new Array("red","green","yellow");
	var arr2 = [1,"green",arr1];//创建包含三个字符串的数组
	var arr3 = arr2.concat(arr1,"black",1,new Object());
	
	var arr4 = arr3.slice(2);
	var arr5 = arr3.slice(2,5);
	
	var arrOriginal = [1,"green",arr1,"black",1,new Object()];
	arrOriginal.splice(2,1);//删除第三项
	var arrOriginal1 = [1,"green",arr1,"black",1,new Object()];
	arrOriginal1.splice(2,0,"inserted",arr1);//插入新的第三项,第四项
	var arrOriginal2 = [1,"green",arr1,"black",1,new Object()];
	arrOriginal2.splice(2,2,"inserted",arr1);//替换第三项、第四项
	</script>
 

 

  • 大小: 3.6 KB
  • 大小: 5.1 KB
  • 大小: 11.2 KB
分享到:
评论

相关推荐

    JavaScript基础练习_day4

    总结来说,本练习涉及了JavaScript中多个重要的基础概念,包括作用域、异步处理、定时器的行为以及闭包的应用等。通过实际操作和思考,可以帮助初学者更好地理解这些概念,并在实际开发中正确地运用它们。

    Javascript实现Array和String互转换的方法

    总结来说,JavaScript提供了非常简洁的API来实现数组与字符串之间的转换。Array的toString方法可以方便地将数组元素转换为以逗号分隔的字符串;而String的split方法则允许我们以指定的分隔符将字符串分割成数组元素...

    javascript课程内容总结

    JavaScript 课程内容总结 JavaScript 是一种广泛应用于网页开发的编程语言,以下是 JavaScript 的基础知识点总结。 数据类型 在 JavaScript 中,数据类型包括字符串(string)、数值型(number)、布尔型...

    JavaScript基础练习_day13

    以上总结了“JavaScript基础练习_day13”文档中提到的重要知识点,涵盖了数据类型、变量赋值、函数、对象方法以及异步编程等核心概念。这些内容对于初学者理解JavaScript的基本原理和编程模式非常有帮助。

    JavaScript基础练习_day14

    - 使用 `Array.from()` 方法: ```javascript var arr = Array.from(arrayLike); ``` - `Array.from()` 还可以接收第二个参数作为映射函数,对每个元素进行处理: ```javascript Array.from([1,,2,,3], (n) =&gt; ...

    JavaScript 数组- Array的方法总结(推荐)

    JavaScript中的Array对象是编程中非常基础且重要的部分,它提供了丰富的内置方法,使得处理和操作数组变得简单高效。本文将对这些方法进行详尽的总结和解析。 首先,创建JavaScript数组有多种方式: 1. 使用构造...

    tiny-js-42tiny-js_javascript_presskgq_源码

    总结来说,TinyJS是一个轻量级的JavaScript引擎,适用于资源受限的环境,通过解析、编译和执行JavaScript代码,为嵌入式应用提供脚本能力。开发者可以从其源码中学习到JavaScript引擎的基本构造和优化技术,而使用者...

    Javascript学习总结

    ### JavaScript学习总结 #### 1. JavaScript概述 JavaScript是一种轻量级、解释型的编程语言,具有面向对象的特性。由于其与操作系统无关且依赖于JavaScript引擎,因此它能够跨平台运行。现代浏览器内置了...

    javascript 个人总结笔记

    ### JavaScript 个人总结笔记 #### 一、JavaScript 简介 JavaScript 是一种广泛应用于网页开发的编程语言,主要用于创建动态交互式的网页。它是一种基于对象的语言,支持事件驱动编程,具有与 C 语言和 Java 类似的...

    JavaScript经验总结

    ### JavaScript经验总结 #### 基础知识与脚本创建 - **创建脚本块**: - 使用 `&lt;script language="JavaScript"&gt;` 来创建一个 JavaScript 的脚本块。 - 示例代码: ```html &lt;script language="JavaScript"&gt; //...

    算法竞赛的挑战,总结实现_Python_JavaScript_下载.zip

    这份名为"算法竞赛的挑战,总结实现_Python_JavaScript_下载.zip"的压缩包文件很可能包含了针对算法竞赛的实用代码实现、教程资料或者练习题目,旨在帮助参赛者提升在Python和JavaScript上的算法设计与实现能力。...

    JavaScript-Array类型全面解析_.docx

    ### JavaScript Array 类型全面解析 #### 一、概述 JavaScript 中的数组(Array)是一种特殊的数据结构,用于存储一系列有序的数据。与许多其他编程语言不同,JavaScript 的数组非常灵活,可以存储任意类型的数据...

    js常用知识总结经典javascript知识总结,经典javascript知识总结

    这篇经典JavaScript知识总结涵盖了从基础语法到高级特性的多个方面,旨在帮助有一定基础的开发者巩固和扩展他们的JavaScript知识。 1. **创建脚本块**:在HTML文件中,使用`&lt;script&gt;`标签来插入JavaScript代码。...

    javascript object array方法使用详解.docx

    ### JavaScript Object Array 方法使用详解 #### 一、引言 在JavaScript开发中,数组(Array)是一类极为常用的数据结构,提供了丰富的内置方法来帮助开发者高效地操作数据。本文将详细介绍Array原型上的方法,并...

    javascript入门总结

    ### JavaScript入门总结 ...以上是对 JavaScript 入门阶段的一些基本知识点总结,涵盖了输出方法、语法基础、数据类型、事件处理以及字符串处理等方面的内容。对于初学者来说,熟练掌握这些基础知识是非常重要的。

    Javascript中关于Cookie存储Array集合

    总结,JavaScript中存储Array集合在Cookie的主要步骤包括序列化Array为JSON字符串,设置Cookie,然后在读取时反序列化回Array。需要注意的是,由于Cookie的大小限制和安全性问题,对于大量数据或敏感信息,可能需要...

    浅谈JavaScript Array对象

    在本篇文章中,我们主要探讨了JavaScript中的Array对象,包括其定义、属性、以及常用的实例方法。 首先,我们需要了解JavaScript中数组的基本概念。JavaScript数组是一种值的有序集合,其中的值被称为元素。每个...

    JavaScript方法大全.txt

    根据提供的文件信息,我们可以归纳总结出以下关于JavaScript的相关知识点: ### 一、基本语法与结构 1. **脚本标记的使用**: - `&lt;script language="JavaScript"&gt;`:此行代码指定了一个HTML文档中的JavaScript...

Global site tag (gtag.js) - Google Analytics