天天看点

JavaScipt的内置对象之数组对象

开发工具与关键技术:DW ,Visual Studio ,

作者:Li Mingrun

撰写时间:2019年1月26日

要学习JavaScript的内置对象,首先我们要知道什么是JavaScript的对象。

其实在JavaScript中除了基本的类型的所有事物都是JavaScript对象。

对于JavaScript对象可以分为两类。

1, JavaScript允许自定义对象。

2, JavaScript的内置对象—在W3School中又称为内建对象,由JavaScript内部提供。

在JavaScript中,对象是可以看作是拥有属性和方法的特殊的数据类型。

记住,对象是拥有属性和方法的。

下面让我们来学习一下JavaScript的内置对象。

JavaScript的内置对象有:

1, Array (数组)对象。

2, String (字符串)对象。

3, Date (日期)对象。

4, Math (算数)对象。

5, Boolean 对象(布尔值)。

下面让我们来学习一下JavaScript的内置对象的数组对象

学习JavaScript对象,首先我们要学会创建自己的对象。

创建对象有两种不同的方法:

1, 定义并创建对象的实例。

2, 使用函数定义对象,然后再创建对象的实例。

JavaScipt的内置对象之数组对象

1, Array (数组)对象。(定义 , 赋值,获取/使用)

我们知道变量使用来存储数据的,但一个变量只能存储一条数据;

当我们要存储大量数据是就麻烦了,因此我们要用数组来解决存储数据问题了。

数组一个值的集合,每一个值都有一个与其对应的索引值,索引是从0开始的,

可以根据索引添加或删除更多数据。

JavaScipt的内置对象之数组对象
JavaScipt的内置对象之数组对象

数组还有一种称之为“字面量数组”—就是直接输出一个数组

var myarr = [66, 80, 90, 77, 59];

数组在创建时还可以同时赋值

var array3 = new Array(2, 4, 8, 16, 32);

数组存在多维之分:

上面说的都是一维数组:一维数组的表示定义:var digital = new Array[]/ myarray[ ]

多维数组的表示定义:var myarr[][]=[[],[]];

以二维数组为例:

JavaScipt的内置对象之数组对象

定义多维数组的方法是不为一的,方法有很多

按照生活实例,那么有定义数组,就会有,新增,修改,删除,查询数组元素

下面我们来学习一下JavaScript的删除数组方法中的几种方法

1,使用是splice方法来清空数组或数组元素(splice(索引,删除的长度))

用法 ;

JavaScipt的内置对象之数组对象

注意:splice 在删除数组或数组元素时,同时也删除了数组的长度

2,splice方法除了可以删除数组(元素),也可以新增数组元素 ,但是需要在

IE5.5以后的版本才支持新增数组元素

例如:allue.splice(1,1,‘d’,‘e’),那么,d,e两个元素就被加入到数组allue中了

这时数组allue变成了‘1’,‘d’,‘3’,‘4’,‘5’,‘6’,‘e’;

另外,在JavaScript中通过摄者数组的length这个属性来截断数组,

是唯一一种缩短数组长度的方法。

3,delect方法delect allue(index)

这种方法删除数组,数组的长度不会改变,此被删除的数组元素的位置变成undefined了,

数组的索引保持不变,仍然可以遍历数组元素,但遍历时会跳过undefined的元素

4,Array.remove(index)方法

返回:修改后的数组

JavaScipt的内置对象之数组对象

5, Array.baoremove() 方法 //也可以用splice来实现.

返回:在原数组上修改数组.

JavaScipt的内置对象之数组对象

6,指定分隔符连接数组元素join()方法

JavaScipt的内置对象之数组对象

7,在IE5以下的版本中,JavaScript的Array(数组)对象并未提供现成的删除数组元素的方法。

在IE5.5+的版本中,虽然有splice方法,但是并不是删除某一项(或几项),而仅仅是将某一项(或几项)的值清除,也就是说该项仍然存在,数组的长度并没有改变。

事实上,可以自己为数组增加一个删除方法(注意,这里指的是将数组的某一项真正的从数组成员中移除),也可以用循环来为数组重新赋值,这样做当然可以,但效率很低。

那么介绍Array对象的两个方法slice、concat来自定义删除数组的方法。

JavaScipt的内置对象之数组对象

数组附属图(来源网页)

JavaScipt的内置对象之数组对象
JavaScipt的内置对象之数组对象
JavaScipt的内置对象之数组对象

继续阅读