`

Javascript 数组对象 操作

 
阅读更多

注:JAVAScript数组与VBScript的数组不单在语法上不同,在使用时也有众多不同之处,请注意区分。

 

一、建立数组对象

 

      我们再介绍JAVAScript的数组对象的建立方法。(其实这种方法和前面的方法在本质上是一样的,只是在语句的写法上有所区别,上面的方法在程序很短的时使用比较简洁,在一般情况下我还是建议您用以下方法建立数组对象。)建立数组对象的语法有两种:

1、在声明数组时仅仅声明数组内有几个组件。

var 数组对象名称 = new Array(组件个数);

fruit = new Array(3);    //声明名为fruit的数组,共有三个组件,这就相当于一次声明了三个变量

然后必须另行准备几行程序代码,代序将变量值填入。

fruit[0] = "西瓜";

fruit[1] = "苹果";

fruit[2] = "香蕉";

2、声明时直接给定所有数组组件,彼此之间用逗号隔开,用小括号括起来,组件个数就是数组长度。

var 数组对象名称 = new Array(组件一......,组件N);

var fruit = new Array("西瓜","苹果","香蕉");

注:在一般语言中数组内的组件必须是相同类型的值,但是在JAVAScript当中可以将不同类型的数据放入数组中。

 

 

二、数组对象的属性

 

JAVAScript为数组对象提供以下几种属性:

使用格式:

数组对象名称.属性

 

 

序 属性名称 使用说明

1 constructor 指定建立地象原型(prototype)函数

2 index 代表数组组件的索引值

3 input 代表规则表达式中的字符串。

4 length 取得数组长度(数组组件个数)。

5 prototype 用以建立自定义的对象属性

 

 

三、数组对象的方法

 

JAVAScript为数组对象提供以下多种方法:

使用格式:

数组对象名称.方法(参数)

 

 

序 方法名称 使用说明

1 concat(数组1,数组2,...,数组N) 将多个数组结合成一个新的数组

2 join(分隔字符) 将数组结合成一个字符串,用特定字符来分开

3 pop() 将数组内最后一个组件删除,并返回该组件内容

4 push(组件1,组件2,...,组件N) 将一个或多个组件补在数组最后面,并返回最后一个组件内容

5 reverse() 将数组内所有组件的索引次序反转(Transpose)

第一个组件变成最后一个,最后一个组件则拿到最前面

6 shift() 将数组内第一个组件删除,并返回该组件内容

7 slice(开始索引,结束索引) 将数组内容转入一个新的数杉

8 sort() 将数组内容排序

9 splice() 增加或删除数组组件

10 toSource() 返回代表特定数组的数组常数,可以用来建立新的数组

11 toString() 以字符串来表示该数组及其组件

12 unshift(组件1,组件2,...,组件N) 将一个或多个组件补在数组最前面,并返回最后数组长度

13 valueOf() 取得数组值

 

 

注:其中有些方法,例如:push、shift、unshift……在有些版本的IE浏览器还不支持,使用时应特别注意。

  

举例:

 

 

 

 

三、二维数组

 

      JAVAScript的数组对象其实只是一维的结构,但是我们可以利用对一维数组的进一步设计与利用,将数组放进数组当中,让数组内的组件也是数组,就构成JAVAScript的二维数组了。不过二维数组在使用上容易发生错误,所以我们这里只介绍一下它的概念,并不推荐使用。

 

四、JS删除元素

 

<html>

<head>

</head>

<body>

 

<script>

Array.prototype.del=function(k){

var len=this.length;

//alert(len);

for(var i=k;i<len;i++){

this[i]=this[i+1];

}

this.pop();

return this;

}

var array= [1,2,3,4,5,6,7];

var a = array.del(2);

alert(a.join(","));

var b = array.del(0);

alert(b.join(","));

</script>

</body>

</html>

 

 4.1 //JS删除元素讲解

 

//JS删除元素

Array.prototype.del=function(n)

 //n表示第几项,从0开始算起。

 //prototype为对象原型,注意这里为对象增加自定义方法的方法。

   if(n<0)  //如果n<0,则不进行任何操作。

   return this;

   else

 return this.slice(0,n).concat(this.slice(n+1,this.length));

 

}

 

分享到:
评论

相关推荐

    Javascript数组及其操作

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

    javascript中数组、对象

    文档"Javascript数组操作整理.doc"可能包含了对数组常见操作的详细总结,如遍历方法(`for`循环、`forEach`、`map`等)、查找方法(`indexOf`、`find`、`filter`等)、排序方法(`sort`)、转换方法(`concat`、`...

    JavaScript数组对象Array案例.pdf

    本文将深入探讨JavaScript数组对象Array的一些关键知识点,并通过提供的案例进行解析。 首先,数组的创建有多种方式。最常见的是使用`new Array()`构造函数,如`var arr = new Array(1, 2, 3, 4, 5, 6)`,这会创建...

    JavaScript数组对象JSON学习笔记

    ### JavaScript 数组对象 JSON 学习笔记 #### 一、JavaScript 数组操作 在 JavaScript 中,数组是一种常用的数据结构,用于存储多个值。本部分主要介绍如何创建数组、访问数组元素以及对数组进行各种操作。 #####...

    JavaScript数组用法详解

    "JavaScript数组用法详解" JavaScript 数组是一种非常重要的数据结构,它是一种可以存储多个元素的集合。 JavaScript 数组的元素可以是任何类型,包括数字、字符串、对象、函数等。数组的长度可以动态地变化,可以...

    javascript中的数组对象以及json学习笔记

    在JavaScript中,数组对象和JSON(JavaScript Object Notation)是两种非常重要的数据结构,它们在处理和存储数据方面起着核心作用。这篇学习笔记将深入探讨这两种数据结构的特性和用法。 首先,我们来了解...

    Javascript数组操作整理.rar

    本资料"Javascript数组操作整理"聚焦于JavaScript中的数组操作,旨在帮助开发者更好地理解和掌握相关知识。 1. 创建数组: JavaScript提供了多种创建数组的方式,如字面量语法`var arr = [元素1, 元素2, ...]`,或...

    js解析php数组对象数组对象数组对象.docx

    ### JavaScript 解析 PHP 数组对象 #### 一、概述 在 Web 开发中,JavaScript 和 PHP 是两种非常重要的编程语言。PHP 主要用于服务器端的数据处理与逻辑控制,而 JavaScript 则负责客户端的交互和数据展示。在实际...

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

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

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

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

    JS数组中对象去重操作示例

    - **《JavaScript数组操作技巧总结》**:涵盖数组的创建、遍历、合并、排序、过滤等多种操作。 - **《JavaScript字符与字符串操作技巧总结》**:涉及字符串的拼接、截取、查找、替换等方法。 - **《JavaScript...

    JavaScript数组对象赋值用法实例

    总结来说,JavaScript数组对象是一种强大的数据结构,它提供了许多方法来操作数组。通过学习数组对象的赋值用法,我们可以更好地处理用户输入,优化数据存储,并且能够通过排序和其他数组方法来展示数据。熟练掌握...

    js获取对象,数组所有属性键值(key)和对应值(value)的方法示例

    下面是示例代码的详细解释,它演示了如何获取数组对象的键和值: ```javascript // 定义一个包含多个对象的数组 var slideArray = [ { imgsrc1: "a.jpg" }, { imgsrc2: "b.jpg" }, { imgsrc3: "c.jpg" }, { ...

    JavaScript数组.pdf

    JavaScript中存在类数组对象的概念,比如函数的arguments对象或者DOM操作返回的NodeList对象,它们拥有length属性和数字索引,但不是数组实例。可以使用Array.prototype.slice.call()方法将类数组对象转换为数组。 ...

    JavaScript类数组对象转换为数组对象的方法实例分析

    本文实例分析了JavaScript类数组对象转换为数组对象的方法。分享给大家供大家参考,具体如下: 1、类数组对象: 拥有length属性,可以通过下标访问; 不具有数组所具有的方法。 2、为什么要将类数组对象转换为数组...

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

    总的来说,理解并熟练掌握JavaScript数组的`length`属性及其动态调整特性,以及如何利用`prototype`来扩展对象功能,是成为一名优秀的JavaScript开发者必备的基础。在软件开发过程中,灵活运用这些知识能够提高代码...

    javaScript数组操作笔迹

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

    js数组相减简单示例【删除a数组所有与b数组相同元素】

    扩展阅读中提及的专题,例如《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》等,为读者提供了更多的学习资源。通过这些资源,读者可以更加全面地掌握JavaScript中数组操作的多种技巧和方法,从而...

    javascript 数组操作实用技巧

    [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 2、join方法, [作用] 将原有数组对象转换成1个字符串,可以用指定分隔符进行串联。 [语法] arrayObj.join(separator),separator为分隔符,默认为“,”。 [实例] ...

    JavaScript数组对象实现增加一个返回随机元素的方法

    在给定的标题和描述中,我们看到的核心知识点是扩展JavaScript数组对象以包含一个返回随机元素的方法。这个方法涉及到对数组和随机数的操作。 首先,让我们详细了解一下如何实现这个方法。这里提供了三种随机元素...

Global site tag (gtag.js) - Google Analytics