JavaScript的对象是一种无序的集合数据类型,它是由若干键对组成。
    var guagua = {
        name:'瓜瓜',
        birth:1988,
        school:'No.1 Middle School',
        height:1.70,
        weight:65,
        score:null
    };

JavaScript用一个{...}表示一个对象,键值对以xxx: xxx形式申明,用,隔开。注意,最后一个键值对不需要在末尾加,,
如果加了,有的浏览器(如低版本的IE)将报错。
上述对象申明了一个name属性,值是'小明',birth属性,值是1988,以及其他一些属性。最后,把这个对象赋值给变量guagua后,
就可以通过变量guagua来获取小明的属性了:
    guagua.name; //'瓜瓜'
    guagua.birth; //1988

访问属性是通过.操作符完成的,但这要求属性名必须是一个有效的变量名。如果属性名包含特殊字符,就必须用''括起来:
    var tutu = {
        name: '图图',
        'middle-school': 'No.1 Middle School'
    };

图图的属性名middle-school不是一个有效的变量,就需要用''括起来。访问这个属性也无法使用.操作符,必须用['xxx']来访问:
    tutu['middle-school']; //'No.1 Middle School'
    tutu['name']; //‘图图’
    tutu.name; // ‘图图’

注意: 实际上JavaScript对象的所有属性都是字符串,不过属性对应的值可以是任意数据类型。
如果访问一个不存在的属性会返回什么呢?JavaScript规定,访问不存在的属性不报错,而是返回undefined:
    var tutu = {
        name: 'tutu'
    };
    tutu.age; //undefined

由于JavaScript的对象是动态类型,你可以自由地给一个对象添加或删除属性:
    var tutu = {
      name:'tutu'
    };
    tutu.age; //undefind
    tutu.age = 18; //新增一个age属性。
    tutu.age; // 18
    delete tutu.age //删除age 属性
    tutu.age; //undefinde
    delete.tutu['name'] //删除name 属性
    tutu.name; // undefinded
    delete tutu.school; // 删除一个根本不存在的school 属性也不会报错。

如果我们要坚持tutu 是否拥有某一个属性,可以用in操作符。
    var tutu = {
        name:'图图',
        birth:1988,
        school:'No.1 Middle School',
        height:1.70,
        weight:65,
        score:null
    };
    'name' in xiaoming; // true
    'grade' in xiaoming; // false

注意:不过要小心,如果in判断一个属性存在,这个属性不一定是xiaoming的,它可能是xiaoming继承得到的:
'toString' in tutu; // true
因为toString定义在object对象中,而所有对象最终都会在原型链上指向object,所以tutu也拥有toString属性。
要判断一个属性是否是tutu自身拥有的,而不是继承得到的,可以用hasOwnProperty()方法:
    var tutu = {
        name: 'tutu'
    };
    tutu.hasOwnProperty('name'); // true
    tutu.hasOwnProperty('toString'); // false

条件判断,
JavaScript 使用if(){...}else{...}来进行条件判断。
    var age = 20;
    if(age >= 18){ // 如果age >=18 为true, 则执行if 语句。
        alert('adult');

     }else{ // 否则执行else 语句块
        alert('teenager')
    }

其中else 语句是可选的,如果语句只包含一条语句,那么可以省略{}
    var age = 20;
    if(age >=18)
      alert('adult');
    else
      alert('teenager');

多行条件判断,如果还要更细致地判断条件,可以使用多个if...else...的组合:
    var age = 3;
     if(age >=18){
        alert('adult')
     } else if (age >= 6){
        alert('teenager');
    }else{
        alert('kid')
    }

上述多个if...else...的组合实际上相当于两层if...else...:
    var age = 3;
    if(age >=18){
        alert('adult');
    } else{
    if(age >=6){
      alert('teenager');
    }else{
      alert('kid')
      }
    }

注意:if...else...语句的执行特点是二选一,在多个if...else...语句中,如果某个条件成立,则后续就不再继续判断了。
JavaScript把null、undefined、0、NaN和空字符串''视为false,其他值一概视为true。

JavaScript 基础(三) 对象 条件判断的更多相关文章

  1. JavaScript的运算符、条件判断、循环、类型转换(9.25 第十一天)

    JS的运算符 加 + 减 - 乘 * 除 / 取余 % 自增 ++ 自减 -- 赋值运算符 a=3 a+=3  a=a=3 a-=3   a=a-3 a*=3  a=a*2 a/=3   a=a/3 ...

  2. JavaScript基础三

    1.10 关于DOM的事件操作 1.10.1 JavaScript的组成 JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准.包括变量.表达式.运算符.函数. ...

  3. JavaScript 基础回顾——对象

    JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象 在JavaScript中 ...

  4. python基础-编码_if条件判断

    一.第一句Python代码 在 /home/dev/ 目录下创建 hello.py 文件,内容如下: [root@python-3 scripts]# cat hello.py #!/usr/bin/ ...

  5. python学习笔记-(三)条件判断和循环

    1.条件判断语句 Python中条件选择语句的关键字为:if .elif .else这三个.其基本形式如下: age_of_cc = 27 age = int(input("guessage ...

  6. javascript基础(六)对象

    原文http://pij.robinqu.me/ JavaScript Objects 创建对象 对象直接量 var o = { foo : "bar" } 构造函数 var o ...

  7. python学习笔记(三)条件判断和循环

    1.条件判断语句 Python中条件选择语句的关键字为:if .elif .else这三个.其基本形式如下: 1 2 3 4 5 6 7 8 9 age_of_cc = 27   age = int( ...

  8. Shell脚本 (三) 条件判断 与 流程控制

    个人博客网:https://wushaopei.github.io/    (你想要这里多有) 六.条件判断 1.基本语法 [ condition ](注意condition 前后要有空格) 注意:条 ...

  9. JavaScript 基础(三) - Date对象,RegExp对象,Math对象,Window 对象,History 对象,Location 对象,DOM 节点

    Date对象 创建Date对象 //方法1:不指定参数 var date_obj = new Date(); alert(date_obj.toLocaleString()) //方法2:参数为日期字 ...

随机推荐

  1. Bootstrap组件介绍

    一.下拉菜单 用于显示链接列表的可切换.有上下文的菜单.下拉菜单的 JavaScript 插件让它具有了交互性. 1.实例 将下拉菜单触发器和下拉菜单都包裹在 .dropdown 里,或者另一个声明了 ...

  2. HTML 5中的新特性

    HTML 5中的新特性 html5新增了一些语义化更好的标签元素.首先,让我们来了解一下HTML语义化. 1.什么是HTML语义化? 根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开 ...

  3. angular2-模板驱动表单

    app.module.ts 导入 FormsModule  import { NgModule } from '@angular/core'; import { BrowserModule } fro ...

  4. r.js压缩打包

    AMD模块化开发中的代码压缩打包工具——r.js 环境搭建基于nodejs:用于AMD模块化开发中的项目文件压缩打包,不是AMD模式也是可以的 javascript部分 压缩javascript项目开 ...

  5. html5 填表 表单 input output 与表单验证

    1.<output>     Js计算结果 <form oninput="res.value = num1.valueAsNumber*num2.valueAsNumber ...

  6. Objective C 中的BOOL, bool, Boolean理解

    一. 1.类型不同 BOOL为int型 bool为布尔型 2.长度不同 bool只有一个字节 BOOL长度视实际环境来定,一般可认为是4个字节 3.取值不同 bool取值false和true,是0和1 ...

  7. PHP 运用rsa加密和解密实例

    1.加密解密的第一步是生成公钥.私钥对,私钥加密的内容能通过公钥解密(反过来亦可以) 下载开源RSA密钥生成工具openssl(通常Linux系统都自带该程序),解压缩至独立的文件夹,进入其中的bin ...

  8. flask factory

    https://gist.github.com/zaccrites/c5bcf96ed90907d92042 import jinja2 from flask import Flask, render ...

  9. SQL Server ->> 字符串对比

    今天同事问我关于SQL Server在字符串尾随着空格时进行字符串对比的做法.关于这个问题正好在这里讲一下,就是SQL Server是按照ANSI/ISO SQL-92中的定义做字符串对比的. 在KB ...

  10. BeginInvoke和EndInvoke方法

    本系列教程主要包括如下内容:1. BeginInvoke和EndInvoke方法 2. Thread类 3. 线程池 4. 线程同步基础 5. 死锁 6. 线程同步的7种方法 7. 如何在线程中访问G ...