javascript的Array对象解析

1  一维数组

定义:一维数组是一组具有相同类型的相关数据,并通过带索引编号的单个变量名标志每个数据项。

2  在JavaScript中创建数组

在JavaScript中,使用var关键字后跟数组名来创建数组。然而在这个表达式的右边不是放置一个特定值,而是使用JavaScript关键字new Array()。可以在这个圆括号内指定这个数组元素的个数,但这不是必须的。如:var array = new Array(200);引用特定元素的方法是数组名后跟用括号括起来的一个索引编号(编号从0开始)。如:Document.write(array[2]);

3 关于数组的初始化

 两中赋值方式:1)先声明后逐个赋值。如 var stu = new Array();stu[0]="**";stu[1]="##";.....;

        2) 声明赋值同时进行。如 var stu = new Array("**","$$","&&","....");

4 Array对象

 因为数组是对象,所以他们有相关的方法和属性;且数组名最为实参传递时,是引用传递(即传递的是地址)。

5 关于数组名的说明

通过数组名引用一个数组时,可以带或不带括号。

6 数组的length属性

 检查数组的长度大小。(数组名.length)

7 Array对象的一些方法

Array对象的方法


方法


描述


concat()


链接两个或更多数组并且返回连接后数组的副本


join()


将一个数组中的所有元素连接成一个字符串


push()


将新元素添加到数组的末尾并且返回新的长度


reverse()


反转数组中元素的次序


shift()


去除数组的第一个元素并且返回那个元素


sort()


排序数组中的元素


splice()


为数组添加/去除元素


toString()


将数组转换成一个字符串并返回这个结果


Unshift()


把新元素添加到数组的开始位置并且返回新的长度

8 数组方法实例

  

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript">
function arrayMethod(){
var array1 = new Array(3,"huang","$");
var array2 = new Array();
array2[0] = 5;
array2[1] = 49;
array2[2] = 8;
/*链接两个或更多数组并且返回连接数组的副本:3,huang,$,5,49,8*/
var con = array1.concat(array2);
document.getElementById("concat").innerHTML = con;
/*将一个数组中的所有元素连接成一个字符串:3,huang,$*/
var joi = array1.join();
document.getElementById("join").innerHTML = joi;
/*将新元素添加到数组的末尾并且返回新的长度:4*/
var pus = array1.push("jinjin");
document.getElementById("push").innerHTML = pus;
/*反转数组中元素的次序:jinjin,$,huang,3*/
var rever = array1.reverse();
document.getElementById("reverse").innerHTML = rever;
/*去除数组的第一个元素并且返回那个元素:jinjin*/
var shif = array1.shift();
document.getElementById("shift").innerHTML = shif;

/*sort():
1、默认情况下是进行升序排列.从左往右一位一位比较,直至比较出大小(若其中位数不足的补零):如:5与51,因为第一位5等于5,比较第二位,因为第一个数字只有一位,所以补零0小于第二个数字的第二位1,所以5小于51;如5与49比较,5大于4,所以此函数认定5大于49。所以利用此函数比较时,应该使相应的比较的数的位数相同(如上例5与49比较,应该写为:05与49比较)。
2、sort() 方法可以接受一个 方法为参数 ,
3、示例结果:排序数组中的元素:49,5,8
*/
var sor = array2.sort();
document.getElementById("sort").innerHTML = sor;
/*
splice(index,howmany,item1,.....,itemX)
Index:必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
Howmany:必需。要删除的项目数量。如果设置为 0,则不会删除项目。
item1, ..., itemX:可选。向数组添加的新项目。
注意:splice不返回(即没有返回值)
所以示例结果为:为数组添加/去除元素:
*/
var spl = array2.splice(3,0,"4")//
document.getElementById("splice").innerHTML = spl;
/*将数组转换成一个字符串并返回这个结果:49,5,8,4*/
var tos = array2.toString();
document.getElementById("tostring").innerHTML = tos;
/*把新元素添加到数组的开始位置并且返回新的长度:5*/
var unshif = array2.unshift("%%")
document.getElementById("unshift").innerHTML = unshif;
}

</script>
</head>

<body>
<section>
<p>链接两个或更多数组并且返回连接数组的副本:<span id="concat"></span></p>
<p>将一个数组中的所有元素连接成一个字符串:<span id="join"></span></p>
<p>将新元素添加到数组的末尾并且返回新的长度:<span id="push"></span></p>
<p>反转数组中元素的次序:<span id="reverse"></span></p>
<p>去除数组的第一个元素并且返回那个元素:<span id="shift"></span></p>
<p>排序数组中的元素:<span id="sort"></span></p>
<p>为数组添加/去除元素:<span id="splice"></span></p>
<p>将数组转换成一个字符串并返回这个结果:<span id="tostring"></span></p>
<p>把新元素添加到数组的开始位置并且返回新的长度:<span id="unshift"></span></p>
<input type="button" value="array_method" onClick="arrayMethod()">
</section>
</body>
</html>

注意:

1、splice()方法:(不返回

2、sort() 方法是按字符数据的ASCII码进行比较排序

备注:本人是新人,如有不当之处,请谅解之处。谢谢!

时间: 2024-10-21 23:38:30

javascript的Array对象解析的相关文章

Javascript的Array对象(一):创建、属性与检测

其实网上关于Array对象的文章有很多了,只是在这里自己整理一下,当作一个知识的梳理吧. 这里有一张关于数组的思维导图,感觉比较详细(来源http://www.cnblogs.com/coco1s/p/3953653.html). 数组简单来说就是数据的有序列表.<JavaScript语言精粹>这本书上是这么来描述的: 数组是一段线性分配的内存,它通过整数计算偏移并访问其中的元素.数组是一种性能出色的数据结构.不幸的是,JavaScript没有像此类数组一样的数据结构. 作为替代,JavaSc

javascript:Array对象

Array 对象 构造函数 Array是 JavaScript 的原生对象,同时也是一个构造函数,可以用它生成新的数组. var arr = new Array(2); arr.length // 2 arr // [ empty x 2 ] 上面代码中,Array构造函数的参数2,表示生成一个两个成员的数组,每个位置都是空值. 如果没有使用new,运行结果也是一样的. var arr = new Array(2); // 等同于 var arr = Array(2); Array构造函数有一个

javascript的Array对象

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>Array对象</title></head><body><script> //1.(1)创建方式一// var arr=[1,2,

JavaScript操作Array对象常用的方法

 转换方法 因为JavaScript内部机制(继承),所有的对象都具有toLocalString() .toString().valueOf()方法,Array也不例外so:var colors = ["red", "blue", "green"];alert(colors.toString()); // red,blue,greenalert(colors.valueOf()); // red,blue,greenalert(colors);

&lt;JavaScript&gt; 二. array对象的属性和方法

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 <script type="text/javascript"> 6 /* 7 数组对象 8 */ 9 10 // -------------- 属性 --------------- 11 // 1. length属性 动态获取数组长度 12 var arr = ["星期日", &quo

详解Javascript中的Array对象

基础介绍 创建数组 和Object对象一样,创建Array也有2种方式:构造函数.字面量法. 构造函数创建 使用构造函数的方式可以通过new关键字来声明,如下所示: 12 var arr = new Array();console.log(arr);//[] 当然也可以不通过new关键字来声明: 12 var arr = Array();console.log(arr); //[] 如果知道数组元素的个数,也可以直接传入数字表示元素个数: 12 var arr2 = new Array(5);c

JavaScript - Array对象的使用 及 数组排序 sort

<html> <head> <head> <body> <script language="javascript"> // Array对象 // 第一种构造方法 var arr = new Array(); alert(arr.length); arr[0] = 520 ; arr[1] = "wjp" ; alert(arr.length); // 第二种构造方法 // Array(4) ; // 第三种

JavaScript原生对象属性和方法详解——Array对象 转载

length 设置或返回 数组中元素的数目. 注意:设置 length 属性可改变数组的大小.如果设置的值比其当前值小,数组将被截断,其尾部的元素将丢失.如果设置的值比它的当前值大,数组将增大,新的元素被添加到数组的尾部,它们的值为 undefined.所以length不一定代表数组的元素个数. var arr = new Array(3) arr[0] = "John" arr[1] = "Andy" arr[2] = "Wendy" cons

JavaScript原生对象属性和方法详解——Array对象

http://www.feeldesignstudio.com/2013/09/native-javascript-object-properties-and-methods-array/ length 设置或返回 数组中元素的数目. 注意:设置 length 属性可改变数组的大小.如果设置的值比其当前值小,数组将被截断,其尾部的元素将丢失.如果设置的值比它的当前值大,数组将增大,新的元素被添加到数组的尾部,它们的值为 undefined.所以length不一定代表数组的元素个数. var ar