JavaScript中的数组

最新推荐文章于 2023-12-25 23:35:11 发布
原创 最新推荐文章于 2023-12-25 23:35:11 发布 · 655 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #多媒体工具 #forms #function #html #语言

本文介绍如何在JavaScript中创建自定义对象和数组。详细解释了定义对象数组及创建数组实例的过程，并展示了多维数组的创建方法。此外，还介绍了JavaScript内部提供的几种特殊数组类型及其用途。

      使用JavaScript可以创建自己的对象。虽然JavaScript内部和浏览器本身的功能已十分强大，但JavaScript还是提供了创建一个新对象的方法。

使其不必像超文本标识语言那样，求于或其它多媒体工具，就能完成许多复杂的工作。

在JavaScript中创建一个新的对象是十分简单的。首先它必须定义一个对象，而后再为该对象创建一个实例。这个实例就是一个新对象，它具有对象定义中的基本特征。

JavaScript中的数组

使用New创建数组

 

JavaScript中没有提供像其它语言具有明显的数组类型，但可以通过function定义一个数组，

 

并使用New对象操作符创建一个具有下标的数组。从而可以实现任何数据类型的存储。

a、定义对象的数组

Function arrayName(size){

This.length=Size;

for(var X=; X<=size;X++)

this[X]=0;

 

Reture this;

}

其中arrayName是定义数组的一个名子，Size是有关数组大小的值（1-size），即数组元素的个数。通过for循环对一个当前对象的数组进行定义，最后返回这个数组。

从中可以看出，JavaScript中的数组是从1到size，这与其它０到size的数组表示方法有所不同，当然你可根据需要将数组的下标由１到size调整到０到size－１,可由下列实现:

Function arrayName (size)

For (var X=0; X<=size;X++)

this[X]=0;

this.lenght=size;

Return this;

从上面可以看出该方法是只是调整了this.lenght的位置，该位置是用于存储数组的大小的。从而调整后的数组的下标将与其它语言一致。但请读者注意正是由于数组下标顺序由１到size，使得JavaScript中的对象功能更加强大。

b、创建数组实例

一个数组定义完成以后，还不能马上使用，必须为该数组创建一个数组实例：

Myarray=New arrayName(n);

并赋于初值：

 

Myarray[1]=“字串１”；

Myarray[2]=“字串２”；

Myarray[3]=“字串３”；

 

...

Myarray[n]=“字串n”；

一旦给数组赋于了初值后，数组中就具有真正意义的数据了，以后就可以在程序设计过程中直接引用。

创建多维数组

Function creatMArray(row,col){

var indx=0;

 

this.length=(row*10)+col

for(var x=1;x<=row;x++)

for(var y=1;y<=col;y++)

indx=(x*10)+y;

Webjx.Com

this[indx]=””;

}

myMArray=new creatMArray();

之后可通过myMArray[11]、myMArray[12]、myMArray[13]、myMArray[21]、myMArray[22]、myMArray[23]、

…来引用。

 

内部数组

 

在Java中为了方便内部对象的操作,可以使用窗体(Forms)、框架(Frames)、元素(element)、链接(links)和锚(Anchors)数组实现对象的访问。

anchors[]:使用《A name=“anchorName“》标识来建立锚的链接。

links[]: 使用<A href=”URL”>来定义一个越文本链接项。

Forms[]: 在程序中使用多窗体时,建立该数组。

 

Elements[]:在一个窗口中使用从个元素时,建立该数组。

Frames[]:建立框架时,使用该数组

anchors[]用于窗体的访问(它是通过《form name=“form1”》所指定的),link[]用于被链接到的锚点的访问(它是通过《a href=URL》所指定的)。Forms[]反映窗体的属性,而anchors[]反映Web页面中的链接属性。 

有关锚数组的文档：

<HTML> 

<HEAD>

<BODY>

<A NAME=”MyAnchorsName1”> 定义第一个锚名

HTML Code

<A NAME=”MyAnchorsName2”> 定义第二个锚名

 

HTML Code

<A HREF=”#MyAnchorsName1”>建立锚的链接

<A HREF=”#MyAnchorsName2?gt; 建立锚的链接

….

该文档段建立了两面全锚的链接,可通过Anchors[]访问这些锚。document.Anchors[0]反映第一个锚,而document.Anchors[1]反映第二个锚的有关信息。

 

 
JavaScript中数组对象的那些自带方法介绍
12-11
/** * 本文纯粹是梳理一下目前W3C标准中Array对象的自带Method。 * 全文没啥营养，不过最后性能测试的部分，倒是抛出了一些疑问。 */ 赋值方法 （Mutator methods） 这些方法直接修改数组自身 pop 和 push Array.pop...
javascript中数组和字符串的方法对比
12-11
ECMAScript5定义了一种访问字符的方法，使用方括号加数字索引来访问字符串中的特定字符 可索引的字符串的最大的好处就是简单，用方括号代替了charAt()调用，这样更加简洁、可读并且可能更高效。不仅如此，字符串的...
javascript中的数组
Mr_He_Dan的博客
01-10 470
1.定义： 数组：数组是值的有序集合。每个值叫做一个元素，而每个元素在数组中有一个位置，以数字表示，称为索引。        注意：① javascript中的数组是无类型的，数组元素可以是任意类型（甚至可能是对象或其他数组），并且同一个           数组中的不同元素也可能有不同的类型。       ②javascript数组是动态的。创建时无须声明固定大小或者大小变化时无须重
JavaScript中的数组方法总结+详解
热门推荐
qq_43223007的博客
11-28 7万+
在JS中,数组方法是非常重要且常用的的方法.在此整理总结一番. JavaScript 数组的力量隐藏在数组方法中。 1. js常用数组方法 方法名 功能 返回值 是否改变原数组 版本 push() 在数组最后一位添加一或多个元素 返回长度 Y ES5- unshift() 在数组前添加一或多个元素 返回长度 Y ES5- 2.方法详解 1.push .........
Javascript中数组元素是什么
qf2019的博客
07-08 3752
在Javascript中，数组中存储的每个值称为数组元素，它是组成数组的基本单元。数组元素也是一种变量，其标识方法为数组名后跟一个下标，下标表示了元素在数组中的顺序号；数组元素通常也称为下标变量。 Array 数组对象是 JS 的内置对象，它可以用一个变量来存储一系列相同或不同类型的值，其中存储的每个值称为数组元素。 数组元素是组成数组的基本单元。数组元素也是一种变量， 其标识方法为数组名后跟一个下标。下标表示了元素在数组中的顺序号。数组元素通常也称为下标变量。 JS数组元素的引用 数组中存储的每个元素都有
JavaScript 数组【详解】
Jin_Xiang123的博客
12-25 4368
在JavaScript中，数组是一种特殊的对象，用于存储和操作多个值。与其他编程语言不同，JavaScript的数组可以同时存储不同类型的值，并且长度是动态的，可以根据需要随时添加或删除元素。JavaScript数组使用方括号([])来表示，其中的每个元素用逗号分隔。数组中的元素可以通过索引来访问和修改，索引从0开始。JavaScript也提供了一些内置方法来操作数组，如push()、pop()、shift()、unshift()等，用于添加、删除和修改数组中的元素。操作示例描述创建数组。
JavaScript之数组的详细介绍
跳探戈的小龙虾的博客
04-10 4704
每一门编程语言，都有数组或类似数组的结构，同样的JavaScript(虽然是脚本语言)也不例外，学习JavaScript的数组，我们从新建第一个数组开始。 JavaScript中的数组，长度是动态可变的，如果学过其他编程语言的朋友可能对这一点不是很习惯。 但事实上反而使得问题变得简单了，因此不需要再定义数组的时候就指定它的大小。
JavaScript中数组常用的7种迭代方法
li5466667的博客
04-26 4755
1.map()方法 1.1应用场景:利用某种规则映射一个新的数组(遍历数组中每一个元素,并对每一个元素做对应的处理,返回一个新的数组) 例如:将数组中的每一个元素+1 let arr = [10, 20, 30, 40, 50] //item数组每一项的值,index数组的下标 let newArr = arr.map((item, index) => { return item + 1 }) console.log(newArr)//[11, 21, 31, 41,
JavaScript中数组如何遍历
HRD的博客
06-13 3752
JavaScript中遍历数组的方法：1、使用for循环语句；2、使用forEach()方法调用回调函数；3、使用map()方法调用回调函数；4、使用“for..in”循环语句；5、使用“for…of”循环语句。本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。在使用 JavaScript 编写代码过程中，可以使用多个方法对数组进行遍历；包括 for循环、forEach循环、map 循环、forIn循环和forOf循环等方法。一、for 循环：基础、简单这是最基础和
JavaScript中数组常用的24种方法详细汇总（超级详细！！）
yjxkq99的博客
08-28 825
> 数组基础方法。
JavaScript中数组的几种写法
滴滴滴的博客
08-13 6666
1、直接new一个数组，不指定数组长度，使用数组下标给数组赋值，数组中可以存放任意类型的数据。（遍历时未赋值的元素将会显示undefined）： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;scr
JavaScript中数组使用总结
完善飞跃
11-13 1万+
一、 数组的概念 1.1 什么是数组 数组是指的数据的有序列表。 数组中每个值称之为数组的一个元素。 数组中的每个元素都有一个位置，这个位置称之为索引(下标、index)。数组的索引是从 0 开始的 同一个数组中，元素的类型不做任何限制。也就是说，同一个数组中可以方法Number、String、Boolean、Object对象等等。可以同时放入任何的类型。甚至数组中的元...
javascript中数组删除指定的元素的代码示例
04-03
splice方法是JavaScript中一个非常强大的数组方法，它可以用来添加或删除数组中的元素。splice方法可以接受三个参数：第一个参数指定从哪个位置开始修改数组，第二个参数指定要删除的元素数量，后续参数则可以是新的...
精选资源
javascript中数组深拷贝途径及对象数组深拷贝
01-08
javascript中数组深拷贝途径及对象数组深拷贝 什么是浅拷贝 在js当中，我们常常遇到数组复制的的情况，许多人一般都会使用“=”来直接把一个数组赋值给一个变量，如： var a=[1,2,3]; var b=a; console.log(b);　...
javascript中数组方法汇总
10-23
- splice：从数组中添加或删除元素，同时返回被删除的元素组成的数组。 - slice：返回数组的一个浅拷贝，不会修改原数组，但可以指定开始和结束位置来截取数组的子集。 2. 数组排序和反转 - reverse：将数组中...
关于js select 上移,下移,置顶,置底
技术收藏
04-29 3616
在网上搜索select排序功能代码, 有一大堆,可真正实现置顶功能的却很少,不是功能没有实现,就是速度奇慢无比,当然也可能是自己搜索能力没有过关,于是想到"求人不如己",自己奋笔直书,写完整的select排序功能,只对IE7.0和Firefox3.0进行测试通过!希望能给需要类似功能同仁提供一些帮助!  Html代码 >  HTML>  HEAD>  
ExtJS中关于scope和createDelegate()
技术收藏
03-11 2894
关于JavaScript中this的使用，这是一个由来已久的问题了。我们这里就不介绍它的发展历史了，只结合具体的例子，告诉大家可能会遇到什么问题，在遇到这些问题时EXT是如何解决的。在使用EXT时，最常碰到的就是使用Ajax回调函数时出现的问题，如下面的代码所示。 input type="text" name="text" id="text">现在的HTML 页面中有一个text输入框
Javascript Function()扩展
技术收藏
03-11 2187
 1、概述                                                          在Javascript中，function非常灵活且功能强大。我们可以通过new Function(‘’,’’) 、eval()来等动态构建函数，这在别的语言（Java）中很难做到的。但这里不是介绍Function的特性，而是考量Function函数的扩展，比较Moot
JS Format数字的函数
技术收藏
04-19 2043
String.prototype.Formate = function(strValue,formatRule){var spString;var spFormate;var        spFormateValue;var        formatString="";var        condition="";var        flg="true";var        count=
Javascript中数组知识点
最新发布
06-12
### JavaScript 数组常用方法及数据操作知识点 在 JavaScript 中，数组是一种非常重要的数据结构，用于存储和操作一组有序的数据。以下是一些与数组相关的常用方法及其功能说明： #### 1. 添加元素 - **push()** 方法用于向数组的末尾添加一个或多个元素，并返回新数组的长度[^1]。 ```javascript let arr = [1, 2, 3]; arr.push(4); // arr 变为 [1, 2, 3, 4] ``` - **unshift()** 方法用于向数组的开头添加一个或多个元素，并返回新数组的长度。 ```javascript let arr = [1, 2, 3]; arr.unshift(0); // arr 变为 [0, 1, 2, 3] ``` #### 2. 删除元素 - **pop()** 方法用于删除数组的最后一个元素，并返回被删除的元素。 ```javascript let arr = [1, 2, 3]; arr.pop(); // arr 变为 [1, 2] ``` - **shift()** 方法用于删除数组的第一个元素，并返回被删除的元素。 ```javascript let arr = [1, 2, 3]; arr.shift(); // arr 变为 [2, 3] ``` - **splice()** 方法用于从数组中删除、替换或添加元素[^5]。 ```javascript let arr = [1, 2, 3, 4, 5]; arr.splice(1, 2); // arr 变为 [1, 4, 5] ``` #### 3. 合并数组 - **concat()** 方法用于将两个或多个数组合并为一个新数组，原数组不会被修改[^2]。 ```javascript let a = [1, 2]; let b = [3, 4]; let c = a.concat(b); // c 为 [1, 2, 3, 4] ``` #### 4. 遍历数组 - **forEach()** 方法用于对数组的每个元素执行一次提供的函数。 ```javascript let arr = [1, 2, 3]; arr.forEach(function(item) { console.log(item); // 输出 1, 2, 3 }); ``` - **map()** 方法用于创建一个新数组，其结果是对调用数组中的每个元素执行回调函数后的值[^4]。 ```javascript let arr = [1, 2, 3]; let newArr = arr.map(function(item) { return item * 2; }); // newArr 为 [2, 4, 6] ``` #### 5. 筛选数组 - **filter()** 方法用于创建一个新数组，包含通过所提供函数实现的测试的所有元素[^5]。 ```javascript let arr = [1, 2, 3, 4]; let newArr = arr.filter(function(item) { return item > 2; }); // newArr 为 [3, 4] ``` #### 6. 查找元素 - **find()** 方法用于返回数组中满足提供的测试函数的第一个元素的值。 ```javascript let arr = [1, 2, 3, 4]; let result = arr.find(function(item) { return item > 2; }); // result 为 3 ``` - **indexOf()** 方法用于返回数组中某个指定元素的第一个索引，如果不存在则返回 -1。 ```javascript let arr = [1, 2, 3]; let index = arr.indexOf(2); // index 为 1 ``` #### 7. 排序与反转 - **sort()** 方法用于对数组的元素进行排序[^3]。 ```javascript let arr = [3, 1, 2]; arr.sort(); // arr 变为 [1, 2, 3] ``` - **reverse()** 方法用于颠倒数组中元素的顺序。 ```javascript let arr = [1, 2, 3]; arr.reverse(); // arr 变为 [3, 2, 1] ``` #### 8. 其他方法 - **join()** 方法用于将数组的所有元素连接成一个字符串，并返回这个字符串。 ```javascript let arr = [1, 2, 3]; let str = arr.join(","); // str 为 "1,2,3" ``` - **slice()** 方法用于返回一个新的数组对象，这一对象是一个由 begin 和 end 决定的原数组的浅拷贝。 ```javascript let arr = [1, 2, 3, 4]; let newArr = arr.slice(1, 3); // newArr 为 [2, 3] ``` ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值