数组有四种定义的方式
使用构造函数:
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
var a = new Array("first", "second", "third")
a[48] = "12"
document.write(a.length)
//显示的结果是49
数组的length属性是可写的,这是一个非常有意思的属性,我们可以通过这种方法来截取数组
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,说明只剩下一个元素了
方法
这里并没有包括IE和FF并不兼容的一些方法:
toString():把数组转换成一个字符串
toLocaleString():把数组转换成一个字符串
join():把数组转换成一个用符号连接的字符串
shift():将数组头部的一个元素移出
unshift():在数组的头部插入一个元素
pop():从数组尾部删除一个元素
push():把一个元素添加到数组的尾部
concat():给数组添加元素
slice():返回数组的部分
reverse():将数组反向排序
sort():对数组进行排序操作
splice():插入、删除或者替换一个数组元素
toString() 方法,toLocaleString()方法的作用类似,FF下的作用是完全相同的,IE的话如果元素是字符串,会在“,”后面加上一个空格,如果元素是数字,会扩展到两位小数,两者都会改变字符串的length属性,所以考虑到兼容性,尽量不要使用toLocaleString()方法。
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()方法都可以拆解多维数组
join()方法将数组中的所有元素转换成字符串,然后连接起来,这刚好和String的split()方法是一个相反的操作。join()默认是使用“,”作为分隔符,当然你也可以在方法中指定分隔符
var a = new Array("first", "second", "third")
var s = a.join("...")
document.write(s)
//显示的结果是“first...second...third”
pop()方法可以从数组尾部删除若干个元素,push()方法把一个元素添加到数组的尾部,这两个方法刚好是两个相反的操作。两个都是对原来的数组进行操作,但是要注意push()方法返回的是新的数组的长度,而pop()方法则返回被删去的那个元素。
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"
shift() 方法可以从数组头部删除一个元素,unshift()方法把若干元素添加到数组的头部,这两个方法刚好是两个相反的操作。两个都是对原来的数组进行操作,但是要注意unshift()方法返回的是新的数组的长度,而shift()方法则返回被删去的那个元素。
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"
concat()方法可以返回一个在原有数组上增添了元素的数组,元素用“,”分隔,元素中如果有数组,将被展开并继续添加,但不支持多维数组形式的展开添加
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"]]
slice()方法返回数组的一个片断,或者说是子数组。slice()的参数表示字数组的始末位置,如果只有一个参数,就表示从该处开始一直取到最后,如果参数出现负数,则表示倒数的某个位置。
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]
reverse()方法将数组反向排序,他并不创建和返回一个新的数组,而是在原有的数组上进行操作
var a = new Array("first", "second", "third")
a.reverse()
document.write(a)
//显示的结果是“third,second,first”,这时候数组的顺序已经颠倒了
sort()方法的作用是对数组进行排序,这是一个非常奇特的方法,我不知道当初创作他的人是出于懒惰还是聪明,这是一个让我印象深刻的方法。
sort()方法的参数是一个有两个参数,并且有返回值的函数,如果返回的值大于零,则说明前一个参数比后一个参数大,等于零则相等,小于零说明前一个参数比后一个小,而相对小的那个参数将出现在排序的前列。
sort()方法直接在数组上进行操作,同时也返回值,但是两者似乎是等价的。sort()方法默认是用字母的顺序进行排序
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;
}
//排序的结果是使奇数在前偶数在后
splice()方法的作用是插入、删除或者替换一个数组元素,他不光会在原有的数组上进行修改,还会返回被处理掉的内容,因此这是一个功能强大,但是不容易使用的方法,splice()方法用前两个参数进行定位,余下的参数表示插入部分。
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()方法不会展开数组,只直接写入
相关推荐
使用方括号`[]`直接定义数组,并在其中列出元素,这种方式在JavaScript中非常常见,尤其在数组元素数量较多或者需要动态生成数组时。 每种定义数组的方法都有其适用场景。如果你需要一个空数组或预先知道数组的...
1. **定义数组** - 定义固定长度的数组:`var a = new Array(10);` 这种方式会创建一个包含10个未初始化元素的数组,访问这些元素时会得到 `undefined`。 - 定义可变长度的数组并赋值:`var a = new Array(); a[0]...
在JavaScript中,有三种主要的方式来定义数组,分别是通过`new Array()`、`new Array元素列表`以及直接使用数组字面量`[]`。下面将详细讲解这三种定义数组的方法及其特点。 1. **使用`new Array()`构造函数** 这种...
JavaScript提供了多种定义数组的方式。一种是通过`new Array()`构造函数,指定数组的长度或直接传递元素。例如: ```javascript var a = new Array(10); // 创建长度为10的数组,元素未初始化 var b = new Array...
### JavaScript:数组与字符串操作教程 #### 一、变量与数据类型 在JavaScript中,变量是用来存储数据值的重要工具。由于JavaScript是一种弱类型语言,因此在声明变量时无需明确指定其类型,变量的类型会根据所赋...
在JavaScript中实现数组内容的随机输出,主要依靠的是随机数生成以及数组操作的知识点。在编程过程中,经常会有需要随机选择数组中元素的场景,比如在游戏中的洗牌操作,或者是在实现某些特效时随机选取图片等。本文...
在JavaScript中,数组是对象的一种特殊类型,通过方括号[]来定义。例如: ```javascript var myArray = [1, "two", true, {name: "John"}]; ``` 数组有一些内置的方法和属性,如`length`用于获取数组长度,`push`...
JavaScript 数组详细说明大全 JavaScript 中的数组是一种基本数据类型,用于存储一组相关的数据。数组可以存储各种类型的数据,包括数字、字符串、对象等。数组的使用非常广泛,以下是对 JavaScript 数组的详细说明...
1. 使用Array构造函数定义数组 Array构造函数可以接受一个整数参数,这样定义的数组会有一个初始长度,但不会初始化任何元素。例如: ```javascript var a = new Array(8); // 创建一个长度为8的数组,元素未初始...
### JavaScript稀疏数组(Sparse Array)与密集数组(Dense Array)用法分析 #### 一、简介 在JavaScript中,数组是一种特殊类型的数据结构,它既不是传统意义上的密集型数组(每个索引都被占用),也不是完全自由的...
通过数组字面量快速定义数组、通过继承Array.prototype得到的一系列方法进行元素操作,以及能够处理稀疏数组的能力,都是JavaScript数组在编程实践中不可或缺的特性。了解和掌握这些特性,无疑将极大提升前端开发的...
为了应对不同场景下的排序需求,本文将介绍一个自定义的JavaScript函数,该函数支持对数组或对象进行排序,并且能够根据数组或对象中嵌套的任意深度的子键进行排序。以下是对该函数及其使用方法的详细解析。 函数...
在JavaScript编程中,处理数组是日常开发中的一个基本任务。数组是一种数据结构,可以存储有序的元素集合。在处理数组时,我们经常需要根据不同的条件对数组中的元素进行增删改查。特别是数组元素的删除,是开发者...
二维数组的定义 在 Javascript 中,创建一个二维数组可以使用以下方式: ``` var array32 = new Array(); array32 = [ ['show', 10, 'plan3_2_1'], ['show', 10, 'plan3_2_2'], ['show', 120, 'plan3_2_3'], ['...
### JavaScript 过滤数组重复元素的实现方法 #### 背景介绍 在日常的Web开发工作中,我们经常需要处理各种数据结构,其中数组是最常用的数据类型之一。随着项目的复杂度增加,对于数组中可能出现的重复元素进行有效...
首先,我们可以使用构造函数`Array()`来定义数组。例如: 1. `var a = new Array();` 创建一个空数组。 2. `var b = new Array(8);` 创建一个长度为8的数组,但不包含任何元素。 3. `var c = new Array("first", ...
JavaScript 对象与数组参考大全 本文列举了各种JavaScript对象与数组,同时包括对上述每一对象或数组所完成工作的简短描述,以及与其相关的属性方法,以及事件处理程序,还注明了该对象或数组的父对象用户同样可能...