转子泵厂家
免费服务热线

Free service

hotline

010-00000000
转子泵厂家
热门搜索:
行业资讯
当前位置:首页 > 行业资讯

Javascript系列之类型和对象示例待续

发布时间:2020-07-01 02:16:43 阅读: 来源:转子泵厂家

在我们前往探寻这门语言的高级特性之前,熟悉JS的各种类型和对象是非常重要的。稍后我们就来看看DOM或者叫Document Object Model,JS中的function,测试,调试等更多特性。然而在我们走到那一步之前,我们需要对这门语言的基础特性做个详细的了解。通过我们之前文章的介绍,这篇示例就是要确保我们都消化了这门语言的一些概念,咱们开始吧!

本文引用地址:创建JavaScript数组

我们已经介绍过如何使用变量以及存储数据到变量中,相当容易。回忆下,只需要使用关键词var,紧跟一个变量名称,然后给它赋值。变量中想存什么类型都可以,但同时只可存储一个值。而Arrays就不一样了,可以存储许多的值。

上面这一行代码,我们创建了一个变量,它可以存储多个值。本质上来说,我们只是将一个空白的数组赋值给名字为manyvalues的变量。

我们有许多方法为数组赋值。来看看有哪些方法。

通过索引赋值

我们可以显示给数组的任何位置赋值。

WoW!success 看看多简单!我们可以往数组中存储任何我们喜欢的值。可以放string,number,boolean,function,object啥都行。咱的数组都会开心的全盘接受。我们也可以通过索引来得到任何位置的值。数组中已经有值,来获取下:

试试数组的便捷写法

前面部分已经介绍了如何创建数组,而且好像有点儿麻烦。我们其实可以省略到一些步骤,有种简单的语法就可以做到。我们直接使用{}1就ok了,花括号中间直接放置我们想要的值就可以了。下面这段代码介绍下:

?????? 这样写完全没有问题,而且省略了很多不必要的代码。由于Javascript本质上个是直接忽略空格字符的,那我们就可以将上面的写法再简化一下,变的更可读。移去空格之后还是一样的。你可以使用任何你想要的格式去写,只要语法和结尾的分号都符合Javascript规则就OK。

??????Javascript数组是对象

由于Javascript中的数组是对象,因此我们就可以用伪类的写法来创建一个数组。之所以是伪类,是因为Javascript实际上都没有类。正如大家可能熟知的其他语言所使用的概念一样,对象是类的一个实例。Javascript不是基于类的,而是基于原型的,那这咱就会相当的疑惑那对象是哪来的!实际上,它的意思是对象是直接继承于其他对象的,实在是还有点迷糊哈。不管咋说,我们是在讲数组呢,下面演示如何使用伪类来初始化数组:

数组的属性和方法

既然在Javascript中数组是对象,那它就有内置的属性和方法。下面就演示下数组对象可以使用属性和方法。例子是按照一定顺序的。

ngth

数组的length是一个非常方便的属性,它让我们可以迅速的找到数组的长度。如下的例子可以看到,我们在manyvalues中存储了三个不同的字符串。然后通过g来输出数组的length属性。输出为3!记住数组长度是3,但是索引的最大值是2,因为数组索引是以0开始的。之后就来演示下如何使用for关键字来遍历数组中的值:

这样我们就可以很好的控制从数组中输出多少数据了。

Javascript数组的方法

JavaScript Array Objects也有方法。方法就是属于一个对象的function,Javascript中调用方法的方式是用.来实现的:

????? 驼峰写法不是必须的,仅仅是为了更清晰的展示出对象和方法各自部分。

verse()

这个漂亮的内置方法将一个数组中的值倒序并返回新序的数组。看如下演示:

rt()

我们可以使用内置的sort方法来为数组排序:

p()

将数组的最后一个值弹出在许多场景中都是非常有用的。pop()

Mozilla-Developers-Network有详细的关于数组的一些介绍,大家可以去看看。

JavaScript数组是非常常用的

你或许疑惑数组在Javascript中到底有啥用。数组常用,特别是在Dom对象操作中会经常用到。我们还没有介绍过Dom,之后会介绍。下面来介绍下数组在文档操作中的是如何发威的:

tElementsByTagName()

河北定做职业装

定夹克

青岛制作西装

济南工作服订制

相关阅读