新闻中心

EEPW首页 > 嵌入式系统 > 牛人业话 > Javascript系列之-类型和对象示例 (待续)

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

作者:时间:2014-10-24来源:网络收藏

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

本文引用地址:http://www.eepw.com.cn/article/264389.htm

  创建数组

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

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

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

  通过索引赋值

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

WoW!success 看看多简单!我们可以往数组中存储任何我们喜欢的值。可以放string,number,boolean,function,object啥都行。咱的数组都会开心的全盘接受。

  我们也可以通过索引来得到任何位置的值。数组中已经有值,来获取下:

  试试数组的便捷写法

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

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

  
      Javascript数组是

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


  数组的属性和方法

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

  Array.length

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


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

FOR-LOOP-ARRAY

  Javascript数组的方法

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

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

  Array.reverse()

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


Array-Reverse

  Array.sort()

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


Array-Sort

  Array.pop()

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

Array-Pop

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

  数组是非常常用的

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

  document.getElementsByTagName()



关键词: JS DOM JavaScript 类型 对象

评论


相关推荐

技术专区

关闭