`
fuhuijun
  • 浏览: 32266 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

javascript(Array数组)

 
阅读更多

数组有四种定义的方式

使用构造函数:
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 Array数组去重源码下载

    JavaScript Array数组去重源码下载

    javaScript Array数组分页处理

    javaScript:将Array数组分页处理,支持分页数据容错; js文件:Page4array分页处理工具类; 兼容版本ES6。 博文:https://blog.csdn.net/HTouying/article/details/88898258

    javascript Array数组对象的扩展函数代码

    标题提到的“javascript Array数组对象的扩展函数代码”就是关于如何给Array对象添加额外的方法,以实现更便捷的操作。描述中提到了“去除字符串空格”和“数组排序”,这些都是常见的数组操作。 首先,我们来讨论...

    基于JavaScript Array数组方法(新手必看篇)

    下面,我将详细解释标题中提到的JavaScript Array数组方法,以及描述和部分内容中提到的知识点。 首先,ECMAScript是JavaScript的标准规范,Array类型是ECMAScript中最常用的引用类型。与许多其他编程语言的数组...

    Unity3D教程:Array数组类的使用(二)1

    本教程主要关注Array数组类在JavaScript中的使用。 Array 类是Unity3D中JavaScript的特定实现,它提供了丰富的函数和属性来操作数组。数组的长度可以通过 `length` 属性获取或设置,例如: ```javascript var arr ...

    javascript Array 数组常用方法

    在JavaScript中,Array对象提供了多种方法来操作和处理数组。以下是对标题和描述中提到的一些常用数组方法的详细解释: 1. **join()** `Array.join()`方法用于将数组的所有元素转换为字符串,并使用指定的分隔符...

    JavaScript Array 对象.md

    这一篇就可以学会JavaScript Array 数组对象方法

    JavaScript实现Array(数组)和Map

    在JavaScript中,Array和Map是两种非常重要的数据结构,它们各有各的特点和应用场景。这篇文章将深入探讨这两个概念,以及如何在实际开发中使用它们。 首先,Array是JavaScript中最基础的数据结构之一,它允许我们...

    javascript中数组、对象

    在JavaScript中,数组和对象是两种非常基础且重要的数据结构,它们被广泛应用于各种场景,如数据存储、逻辑处理和对象表示。这篇文章将深入探讨这两种数据类型,以及相关的操作和工具。 **一、数组** 数组在...

    浅析JavaScript中的array数组类型系统_.docx

    首先,创建JavaScript数组有两种主要方式:字面量语法和`Array()`构造函数。字面量语法是最简洁的,只需在方括号中用逗号分隔值即可创建数组。例如: ```javascript var empty = []; // 空数组 var primes = [2, 3, ...

    JavaScript如何删除数组元素!

    在JavaScript中,数组是一种常用的数据结构,用于存储一系列的值。有时我们可能需要根据特定条件或索引从数组中删除元素。本篇文章将详细介绍几种在JavaScript中删除数组元素的方法,帮助开发者更好地理解和应用这些...

    javascript稀疏数组(sparse array)和密集数组用法分析.docx

    ### JavaScript稀疏数组(Sparse Array)与密集数组(Dense Array)用法分析 #### 一、简介 在JavaScript中,数组是一种特殊类型的数据结构,它既不是传统意义上的密集型数组(每个索引都被占用),也不是完全自由的...

    使用JavaScript数组模拟Java的Hashtable集合

    在讲授JavaSript课程第七章时,发现课件中没有把JavaScript的数组讲清楚。因为,JavaScript的数组非常特殊,而且如果你能够理解它,那么对于我们学习JSON对象语法就非常容易理解了--因为JSON就是一个数组--我们也...

    Javascript数组及其操作

    Javascript 数组及其操作 Javascript 数组是一种基本的数据结构,用于存储和操作多个值。数组是一种复杂的数据类型,可以存储不同的数据类型,如数字、字符串、对象等。 创建数组 在 Javascript 中,可以使用三种...

    JavaScript 实现Array(数组)和Map

    Array(数组)是JavaScript中最基本的数据结构之一。在JavaScript中,数组可以容纳多种类型的元素,包括数字、字符串、对象等。JavaScript数组提供了丰富的内置方法,如push、pop、shift、unshift、slice、splice、...

    javascript循环数组有什么方法_javascript循环数组有哪些方法.docx

    ### JavaScript 循环数组的方法详解 #### 一、基本循环遍历数组 **问题描述**:需要简单有效地访问数组中的所有元素。 **解决方案**:使用 `for` 循环是最常见的遍历数组的方式。数组的索引从0开始,通过 `length`...

    JavaScript数组用法详解

    JavaScript 数组有多种创建方式,包括使用 Array() 构造函数、数组直接量、JSON 等方式。使用 Array() 构造函数可以创建一个空数组、带有初始元素的数组、指定长度的数组等。数组直接量是一种简洁的创建数组的方式...

Global site tag (gtag.js) - Google Analytics