最近在学习JS,刚好学到数组,发现章节还蛮多了而且发现了数组的以前好多不知道的东西,顺便整理下:

数组一共有有四种定义的方式 
使用构造函数: 
var a = new Array(); 
var b = new Array(8); 
var c = new Array("first", "second", "third"); 
或者数组直接量: 
var d = ["first", "second", "third"];

属性: 
Array只有一个属性,就是length,length表示的是数组所占内存空间的数目,而不仅仅是数组中元素的个数,数组索引从0开始。

在刚才定义的数组中,b.length的值为8.

<script> 
var a = new Array("first", "second", "third") 
a[48] = "12" 
document.write(a.length) 
//显示的结果是49 
</script> 
数组的length属性是可写的,这是一个非常有意思的属性,我们可以通过这种方法来截取数组

<script> 
var a = new Array("first", "second", "third") 
delete a[1] 
document.write(a.length) 
//显示的结果是3,说明即使删除也无法改变数组的长度 
var a = new Array("first", "second", "third") 
a.length = 1 
document.write(a.length) 
//显示的结果是1,说明只剩下一个元素了 
</script>

方法:

这里并没有包括IE和FF并不兼容的一些方法: 
toString():把数组转换成一个字符串 
toLocaleString():把数组转换成一个字符串 
join():把数组转换成一个用符号连接的字符串 
shift():将数组头部的一个元素移出 
unshift():在数组的头部插入一个元素 
pop():从数组尾部删除一个元素 
push():把一个元素添加到数组的尾部 
concat():给数组添加元素 
slice():返回数组的部分 
reverse():将数组反向排序 
sort():对数组进行排序操作 
splice():插入、删除或者替换一个数组元素

toString() 方法,toLocaleString()方法的作用类似,FF下的作用是完全相同的,IE的话如果元素是字符串,会在“,”后面加上一个空格,如果元素是 数字,会扩展到两位小数,两者都会改变字符串的length属性,所以考虑到兼容性,尽量不要使用toLocaleString()方法。

<script> 
var a = new Array(1, 2, 3, [4, 5, [6, 7]]) 
var b = a.toString() //b为字符串形式的 "1, 2, 3, 4, 5, 6, 7" 
var c = new Array(1, 2, 3, [4, 5, [6, 7]]) 
var d = c.toLocaleString() //d为字符串形式的 "1, 2, 3, 4, 5, 6, 7" 
//toString()方法和toLocaleString()方法都可以拆解多维数组 
</script> 
join()方法将数组中的所有元素转换成字符串,然后连接起来,这刚好和String的split()方法是一个相反的操作。join()默认是使用“,”作为分隔符,当然你也可以在方法中指定分隔符 
<script> 
var a = new Array("first", "second", "third") 
var s = a.join("...") 
document.write(s) 
//显示的结果是“first...second...third” 
</script> 
pop()方法可以从数组尾部删除若干个元素,push()方法把一个元素添加到数组的尾部,这两个方法刚好是两个相反的操作。两个都是对原来的数组进行操作,但是要注意push()方法返回的是新的数组的长度,而pop()方法则返回被删去的那个元素。

<script> 
var a = new Array(1, 2, 3) 
var b = a.push(4,5,[6,7]) //a为[1, 2, 3, 4, 5, [6, 7]]  b为6  注意push()方法不会帮你打开一个数组 
var c = new Array(1, 2, 3, 4, "first") 
var d = c.pop() //c为[1, 2, 3, 4]  d为字符串形式的"first" 
</script> 
shift() 方法可以从数组头部删除一个元素,unshift()方法把若干元素添加到数组的头部,这两个方法刚好是两个相反的操作。两个都是对原来的数组进行操作, 但是要注意unshift()方法返回的是新的数组的长度,而shift()方法则返回被删去的那个元素。

<script> 
var a = new Array(1, 2, 3) 
var b = a.unshift(4,5,[6,7]) //a为[4, 5, [6, 7], 1, 2, 3]  b为6  注意unshift()方法不会帮你打开一个数组,还有就是被插入数值的顺序 
var c = new Array("first", 1, 2, 3, 4) 
var d = c.shift() //c为[1, 2, 3, 4]  d为字符串形式的"first" 
</script> 
concat()方法可以返回一个在原有数组上增添了元素的数组,元素用“,”分隔,元素中如果有数组,将被展开并继续添加,但不支持多维数组形式的展开添加

<script> 
var a = new Array("first", "second", "third") 
s = a.concat("fourth",["fifth", "sixth"],["seventh", ["eighth", "ninth"]]) 
document.write(s[7]) 
// 显示的结果是“eighth, ninth”,说明“eighth, ninth”是以数组的形式被添加了进去,此是s的值为["first", "second", "third", "fourth", "fifth", "sixth", "seventh", ["eighth", "ninth"]] 
</script> 
slice()方法返回数组的一个片断,或者说是子数组。slice()的参数表示字数组的始末位置,如果只有一个参数,就表示从该处开始一直取到最后,如果参数出现负数,则表示倒数的某个位置。

<script> 
var a = new Array(1, 2, 3, 4, 5) 
var b = a.slice(3)  //b为[4, 5] 
var c = a.slice(-3) //c为[3, 4, 5] 
var d = a.slice(1,-1) //d为[2, 3, 4] 
var e = a.slice(-3,-1) //e为[3, 4] 
</script>

reverse()方法将数组反向排序,他并不创建和返回一个新的数组,而是在原有的数组上进行操作

<script> 
var a = new Array("first", "second", "third") 
a.reverse() 
document.write(a) 
//显示的结果是“third,second,first”,这时候数组的顺序已经颠倒了 
</script> 
sort()方法的作用是对数组进行排序,这是一个非常奇特的方法,我不知道当初创作他的人是出于懒惰还是聪明,这是一个让我印象深刻的方法。 
sort()方法的参数是一个有两个参数,并且有返回值的函数,如果返回的值大于零,则说明前一个参数比后一个参数大,等于零则相等,小于零说明前一个参数比后一个小,而相对小的那个参数将出现在排序的前列。 
sort()方法直接在数组上进行操作,同时也返回值,但是两者似乎是等价的。sort()方法默认是用字母的顺序进行排序

<script> 
var a = new Array(33, 4, 111, 543) 
a.sort(way) 
function way(x, y){ 
    if (x % 2 ==0)  
        return 1; 
    if (x % 2 !=0)        
        return -1; 

//排序的结果是使奇数在前偶数在后 
</script> 
splice()方法的作用是插入、删除或者替换一个数组元素,他不光会在原有的数组上进行修改,还会返回被处理掉的内容,因此这是一个功能强大,但是不容易使用的方法,splice()方法用前两个参数进行定位,余下的参数表示插入部分。

<script> 
var a = new Array(1, 2, 3, 4, 5) 
var b = a.splice(2) //a为[1, 2]  b为[3, 4, 5] 
var c = new Array(1, 2, 3, 4, 5) 
var d = c.splice(2,2) //c为[1, 2, 5]  d为[3, 4] 
var e = new Array(1, 2, 3, 4, 5) 
var f = f.splice(-4,2) //e为[1, 4, 5]  f为[2, 3] 
var g = new Array(1, 2, 3, 4, 5) 
var h = g.splice(-2,-2) //第二个参数表示长度,因此负数在此无效

var i = new Array(1, 2, 3, 4, 5) 
var j = i.splice(2,2,"first","second","third") //i为[1, 2, "first", "second", "third", 5]  j为[3, 4]  后面部分会自动前后移动,以保持数组的连续性 
var k = new Array(1, 2, 3, 4, 5) 
var l = k.splice(2,2,["first","second"],"third") //k为[1, 2, ["first", "second"], "third", 5]  l为[3, 4]  splice()方法不会展开数组,只直接写入 
</script>

JS数组定义【收藏】的更多相关文章

  1. JS数组定义

     JS数组定义收藏 function StorePage(){d=document;t=d.selection?(d.selection.type!='None'?d.selection.create ...

  2. JS数组定义及详解

    1.什么是数组 数组就是一组数据的集合 其表现形式就是内存中的一段连续的内存地址 数组名称其实就是连续内存地址的首地址 2.关于js中的数组特点 数组定义时无需指定数据类型 数组定义时可以无需指定数组 ...

  3. js数组定义和方法 (包含ES5新增数组方法)

    数组Array 1. 数组定义 一系列数据的集合成为数组.数组的元素可以为任何类型的数据(包括数组,函数等),每个元素之间用逗号隔开,数组格式:[1,2,3]. 2. 数组创建方式 (1) 字面量方法 ...

  4. js数组定义和获取其长度

    1.只有值组成的数组,必须先定义数组对象. 定义 var arrs=new array()或 var arrs=[]; 赋值: arrs[]="he";arrs[]="c ...

  5. js数组定义、属性及方法(push/pop/unshfit/shfit/reverse/sort/slice/splice/indexOf/lastIndexOf)

    数组 一.定义数组 * 字面量方式  var 数组名称 = [ value,value,... ] * 构造函数方式 var 数组名称 = new Array(value,value,...):  v ...

  6. C#数组、js数组、json

    C#数组 参考地址C#之数组 什么是数组?数组是一种数据结构,包含同一个类型的多个元素.数组的声明:int[] myIntArray; 注:声明数组时,方括号 [] 必须跟在类型后面,而不是变量名后面 ...

  7. json、js数组真心不是想得那么简单

    之前因为做前台的东西比較少,对于json和js数组的认识仅局限于一种固定格式.这样的固定的思维在开发前台时,特别是近期使用highcharts插件时.让我感到特别不明确.通过查询最终心头的疙瘩解开了. ...

  8. js便利关联数组 及数组定义方式 分类

    "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv=& ...

  9. 关于JS数组的定义

    关于js数组的定义的一些内容: 数组是一个对象 只用一个变量,储存多个同类型的信息 数组--连续的储存空间 数组的下标从0开始 ps:定义一个数组可以看作是一个旅馆.里面有很多小房子. 1.创建数组- ...

随机推荐

  1. 使用command对象操作数据库

    1.Command对象查询数据库 protected void Button1_Click(object sender, EventArgs e) { //读取web.config节点配置 strin ...

  2. About_AJAX_03

    以为AJAX只可以获取一个值呢,原来也是可以拼接的: function sendTopic(){ if(window.ActiveXObject){ xmlHttp = new ActiveXObje ...

  3. 【Go语言】连接数据库SQLite、MySQL、Oracle

    本文目录 1.Go连接SQLite 1_1.SQLite推荐驱动 1_2.SQLite连接示例代码 2.Go连接MySQL 2_1.MySQL推荐驱动 2_2.MySQL连接示例代码 3.Go连接Or ...

  4. JDBC的事务处理

    JDBC的事务处理 事务,也是数据库事务,指的是作为单个逻辑工作单元执行的一系列操作.正常的情况下,操作应该顺利进行,与操作相关的所有数据库信息也成功地更新: 但是,如果在这一系列过程中任何一个环节出 ...

  5. HTML静态网页 标签、表格

    HTML静态网页: 打开DREAMWEAVER,新建HTML,如下图: body的属性: bgcolor 页面背景色 background  背景壁纸.图片 text  文字颜色 topmargin ...

  6. Google Analytics统计代码GA.JS中文教程

    2010-12-06 11:07:08|  分类: java编程 |  标签:google  analytics  ga  js  代码  |举报|字号 订阅     Google Analytics ...

  7. 基于Jenkins的环境搭建

    基于 Jenkins 快速搭建持续集成环境 持续集成是一种软件开发实践,对于提高软件开发效率并保障软件开发质量提供了理论基础.Jenkins 是一个开源软件项目,旨在提供一个开放易用的软件平台,使持续 ...

  8. 20145337 《Java程序设计》第六周学习总结

    20145337 <Java程序设计>第六周学习总结 教材学习内容总结 输入\输出 InputStream与OutputStream 从应用程序角度来看,如果要将数据从来源取出,可以使用输 ...

  9. Android课程---视图组件的总结

  10. Bootstrap《第一篇》,关于container、jumbotron、row、col、text-center等的学习

    一.关于引入bootstrap文件 <!-- 为了确保适当的绘制和触屏缩放,需要在 <head> 之中添加 viewport 元数据标签. --> <meta name= ...