今天学习JavaSript中引用变量中的Object类型和Array类型:

  1. Js中大多数引用类型值都是Object类型的实例,Object类型在应用程序中存储和传输数据时,是非常理想的选择;

  • 创建Object实例的方法有两种:

    • 一种是使用new操作符后跟Object构造函数;如下

      var person = new Object();
      
      person.name = "Jan";
      
      person.age =22;
      
    • 另一种是使用对象字面量表示法:

      var person = {
      
        name : “Jan”,
      
      age : 22
      
      };
      
    • 在开发中更多的使用的是对象字面量表示法,因为这种语法要求的代码量少,而且能够给人封装数据的感觉;
    • 对象字面量也是向函数传递大量可选参数的首选方式;
  • 在访问对象属性时,有两种方式:
    • 一种是点表示法:如(person.name)
    • 另一种是方括号表示法;如(person[“name”])如果属性名中包含导致语法错误的字符,或者属性名使用的是关键字或者保留字,适合使用方括号表示法;

  2. Array类型 

  • Js中的数组的每一项可以保存任何类型的数据;
  • 创建数组有两种方式:
    • 第一种使用Array构造函数,也可以省略new;

      var color = new Array();
      
    • 第二种基本方式是使用数字字面量表示法:

      var color = [‘red’,’ blue’];
      
  • 数组的length属性不是只读的,通过该属性,可以从数组的末尾移除项或向数组中添加新项;
  • 在检测数组类型时,Array.isArray()方法好用比instanceof操作符好用;Array.isArray()不考虑检测值是在哪个全局执行环境中创建的(网页中包含多个框架,存在多个不同的全局变量时);
  • 数组的转换方法有:toLocaleString(), toString(), valueOf()和join()方法;
    • 其中join()方法,是根据接收不同的参数作为分隔符来构建字符串;
    • 数组可以表现的像栈(后进先出),利用push()插入,pop()移除;
    • 数组可以表现的像队(先进先出),利用push()插入,shift()移除;
    • 数组可以模拟反方向的队,利用unshift()插入,pop()移除;
    • 数组的排序方法有:reverse(),sort()方法;
      • Reverse()方法会反转数组项的顺序;
      • Sort()方法比较的是字符串,按升序排列数组项;
      • Sort()方法可以接收一个比较函数作为参数,完善对其他基本数据类型的比较;
        function compare(val1, val2) {
        if(val1 > val2){
        return -1;
        }else if(val1 < val2){
        return 1;
        }else{
        return 0;
        }
        }
  • 数组的操作方法有:concat()续接,slice()截取子串, splice()删插换方法;
  • 数组的位置查询方法有:indexOf(), lastIndexOf()方法,一个是从开头向后查找,一个是从尾部向前查找;
  • 数组的迭代方法有:every(), filter(), forEach(), map(), some();

    • Every()和some()方法类似,但前者是每一项都符合传参函数的检验才返回true,后者是只要有一项符合就返回true;
    • Filter()方法是返回在传参函数中为true的项组成的数组;
    • ForEach()和map()方法类似,forEach()没有返回值;
    • 数组的归并方法有:reduce(), reduceRight();这两个方法都会迭代数组的所有项,然后构建一个最终返回的值。不同的是,前者是从开头向最后一项,后者反之;

JavaScript系统学习小结——Object类型、Array类型的更多相关文章

  1. JavaScript系统学习小结——变量、作用域和内存问题

    趁着写完小论文还未彻底消散的学习氛围,开始着重巩固自己JavaScript的基础知识,为秋招做最基本的准备. 变量:Js的变量可能保存两种不同数据类型的值:基本类型值和引用类型值. 基本类型包括:Un ...

  2. JavaScript中判断对象是否属于Array类型的4种方法及其背后的原理与局限性

    前言 毫无疑问,Array.isArray是现如今JavaScript中判断对象是否属于Array类型的首选,但是我认为了解本文其余的方法及其背后的原理与局限性也是很有必要的,因为在JavaScrip ...

  3. javascript深入浅出——学习笔记(包装对象和类型检测)

    3包装对象:https://www.imooc.com/video/5676 当我们尝试把基本类型已对象的方式访问时,javascript会把该基本类型转换为对应的包装类型对象(临时对象),相当于ne ...

  4. 《JavaScript高级程序设计》读书笔记 ---Array 类型

    除了Object 之外,Array 类型恐怕是ECMAScript 中最常用的类型了.而且,ECMAScript 中的数组与其他多数语言中的数组有着相当大的区别.虽然ECMAScript 数组与其他语 ...

  5. python学习小结7:变量类型

    变量存储在内存中的值.这就意味着在创建变量时会在内存中开辟一个空间. 基于变量的数据类型,解释器会分配指定内存,并决定什么数据可以被存储在内存中. 因此,变量可以指定不同的数据类型,这些变量可以存储整 ...

  6. Javascript高级程序设计--读书笔记之Array类型

    1.数组的lenght属性 数组的lenght属性很有特点---他不是只读的,可以同过修改这个属性来向数组的末尾添值加或删除值, 删除值 var color = ["red", & ...

  7. JavaScript基础学习(四)—Object

    一.Object的基本操作 1.对象的创建      在JavaScript中,创建对象的方式有两种:构造函数和对象字面量.      (1)构造函数 var person = new Object( ...

  8. Object类型与Array类型

    总结--JS中的引用类型: Object类型,Array类型,Boolean类型,Number类型,String类型,Date类型, Function类型,RegExp类型,单体内置对象(Global ...

  9. JavaScript引用类型之Array类型一

    一.简介 除了Object之外,Array类型恐怕是ECMAScript中最常用的类型了.下面就来分析ECMAScript中的数组与其他语言中的数组的异同性: 1.相同点: (1)他们都是数据的有序列 ...

随机推荐

  1. C#简单构架之EF进行读写分离+多数据库(Mysql/SqlService)

    最近因为项目需要,研究了下EF的读写分离,所以做了一个demo进行测试,下面是项目的结构 表现层view 主要提供Web.WebApi等表现层的解决方案 公共层public 主要提供项目公共类库,数据 ...

  2. Thrift中required和optional

    最近在搞Thrift,对其字段声明中的required关键字有所误解,仔细调试了一下才明白其真实含义. required的意思不是说声明对象时,必须填这个值,而是Thrift在传输(序列化)过程中无论 ...

  3. 用PHP和Ajax进行前后台数据交互——以用户登录为例

    很多网站中都有用户登录系统,要完成用户的注册和登陆,就一定要用到前后台的数据交互.在这里以简单的用户注册和登陆为例介绍一下前后台交互的大致流程. 首先,我们来做一个简单的登陆界面. 这里为了方便我使用 ...

  4. java wait 和notify

    这几天自己学习了一下线程的知识,wait 方法使当前的线程等待,notify 方法 唤醒当前的线程的方法 th 线程在5的时候进行wait,此时主线程继续执行, 主线程执行到9的时候 唤醒 th 线程 ...

  5. Array.apply(null,{length:20})与new Array(20)的区别

    Array.apply(null,{length:20}) 这句代码的实际意义:创建长度为20的一个数组,但并非空数组. 跟new Array(20)的区别在于,前一种创建方式,得到的数组中的每一个元 ...

  6. OpenStack(企业私有云)万里长征第三步——调试成功

    一.前言 折腾了一两个月(中间有事耽搁了半个月),至今日基本调试成功OpenStack,现将中间的部分心得记录下来. 二.环境 使用的是devstack newton版.具体部署过程可以参考cloud ...

  7. 如何退出 Vim

    点击 Esc 键,; Vim 进入命令模式.然后输入: :q  退出(这是 :quit 的缩写) :q! 不保存退出(这是  :quit! 的缩写) :wq 写入文件并退出:(这是 :writequi ...

  8. django-xadmin隐藏菜单不显示

    环境:https://github.com/y2kconnect/xadmin-for-python3.git python3.5 django1.9.12 在adminx.py中的Admin类增加属 ...

  9. cvCvtColor与cvtColor区别

    用到了rgb转灰度图功能,查到两个函数,发现名字很像,功能也一样,但是参数类型不一样. 记录一下. 可以看声明,cvCvtColor是c语言风格接口. /* Converts input array ...

  10. Linux 安装依赖库

    ###安装依赖库###yum -y install rsync net-snmp syslog net-snmp-devel wget patch screen gcc gcc-c++ autocon ...