`
jiangzhenghua
  • 浏览: 602643 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript数组定义

阅读更多

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

属性

Array只有一个属性,就是length,length表示的是数组所占内存空间的数目,而不仅仅是数组中元素的个数,在刚才定义的数组中,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>

分享到:
评论

相关推荐

    JavaScript数组定义[文].pdf

    总之,JavaScript数组是动态的,可以通过多种方式定义,并且提供了一系列方法进行创建、修改和查询。了解和熟练掌握这些知识对于进行JavaScript软件开发至关重要。在实际编程中,要根据需求选择合适的方法,并注意...

    有趣的javascript数组定义方法

    ### JavaScript数组定义方法知识点 #### 1. 数组的基本定义 在JavaScript中,数组是一种特殊的对象类型,用于存储有序的数据集合。定义一个数组的基本语法是使用方括号[]来创建数组字面量,或者使用new Array()构造...

    javascript数组定义的几种方法

    主要介绍了javascript数组定义的几种方法,一般来说分为隐式创建、直接实例化、创建数组并指定长度、后来为了方便直接使用json格式定义数组,这里脚本之家小编就为大家介绍一下,需要的朋友可以参考一下

    JavaScript数组去重功能的设计与实现.pdf

    JavaScript数组去重功能的设计与实现 本文主要讨论了JavaScript数组去重功能的设计与实现,以解决在数据处理过程中产生大量重复数据的问题。文章首先介绍了JavaScript的基本概念,包括ECMAScript、DOM、BOM三个部分...

    php数组转化为js数组

    如果未提供,则返回的字符串将是不包含任何变量名的 JavaScript 数组定义。 #### 函数实现 接下来,我们详细分析一下函数的具体实现: 1. **初始化字符串**: ```php $str = "new Array("; $str = $jsarrname ...

    JavaScript数组特性与实践应用深入详解

    JavaScript数组对象继承自Array.prototype,这意味着所有数组对象都能访问到Array原型上定义的方法,比如push、pop、shift、unshift等。 JavaScript数组可以包含任意类型的元素,无论是字符串、数字、布尔值,甚至...

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

    本文介绍了 JavaScript 数组的一些常用方法,包括数组合并、循环插入、数组定义与初始化以及数组长度属性的使用。通过这些方法,开发者可以更加灵活地处理数组数据,提高开发效率。此外,还展示了如何通过扩展数组...

    JavaScript数组.pdf

    1. 数组定义 JavaScript中的数组是一种特殊的数据类型,它可以存储有序的数据集合。数组中的每个数据项被称为元素,元素可以是任何类型的数据,包括数字、字符串、甚至是其他数组或对象。 2. 数组声明 在JavaScript...

    关于Js的二维数组定义和方法

    ### Js的二维数组定义和方法 #### 二维数组定义 在JavaScript中,二维数组是一种特殊类型的数组,它实际上是由多个一维数组组成的数组。这种结构非常适合处理矩阵或表格数据。 **基本定义方式** 1. **直接初始化...

    javascript数组的定义及操作实例

    数组是编程中常用的一种数据结构,其在JavaScript中具有非常灵活的特点...以上是JavaScript数组定义及操作的主要知识点。通过掌握这些知识点,可以有效使用JavaScript数组来处理各种数据集合,实现复杂的数据操作逻辑。

    Javascript数组Array操作整理[定义].pdf

    本文主要探讨JavaScript数组的两个关键属性:`length`和`prototype`。 首先,`length`属性是每个JavaScript数组特有的,它表示数组中元素的数量。不同于其他一些编程语言,JavaScript的数组长度是可以动态调整的。...

    Javascript数组函数大全

    ### JavaScript 数组函数详解 #### 1. `shift` 方法 `shift` 方法用于移除数组的第一个元素,并返回被移除的元素。如果数组为空,则返回 `undefined`。 ```javascript let a = [1, 2, 3, 4, 5]; let b = a.shift();...

    Java入门到架构师教程之JavaScript数组.pdf

    1. **数组定义** 在JavaScript中,有三种方式来定义数组: - **隐式创建**:通过方括号 `[]` 直接初始化数组,如 `var arr = [值1, 值2, 值3];` - **直接实例化**:使用 `new Array()` 构造函数,如 `var arr = ...

    javaScript数组操作笔迹

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

    JavaScript程序设计-JavaScript数组.pptx

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

    JavaScript数组对象JSON学习笔记

    - JavaScript 数组可以在任何时候添加或删除元素,即使数组没有预先定义长度。 ##### 数组方法 1. **合并数组 `concat`:** - 连接两个或多个数组,并返回一个新的数组: ```javascript var array41 = array....

    关于JavaScript数组你所不知道的3件事_.docx

    ### 关于JavaScript数组你所不知道的3件事 #### 一、给数组添加自定义属性 在JavaScript中,数组其实是一种特殊的对象。这意味着除了数组的基本功能之外,还可以为数组添加额外的属性,就像处理普通对象一样。 **...

    javascript 数组的定义和数组的长度

    JavaScript数组是一种特殊的对象类型,它用于存储一系列的值,这些值可以是任意类型,并且可以动态地增加和删除。数组中的每个值被称为数组的一个元素,每个元素都有一个与之对应的索引,这个索引实际上是一个非负...

Global site tag (gtag.js) - Google Analytics