JavaScript 基础(三) 对象 条件判断

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。

时间: 2024-08-06 06:52:02

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

Js的三种条件判断语句

Js的三种条件判断语句 If if语句 只有当指定条件为 true 时,使用该语句来执行代码. 语法 if (条件) { 只有当条件为 true 时执行的代码 } if...else 语句 在条件为 true 时执行代码,在条件为 false 时执行其他代码. 语法 if (条件) { 当条件为 true 时执行的代码 } else { 当条件不为 true 时执行的代码 } If...else if...else 语句 使用 if....else if...else 语句来选择多个代码块之一来

JavaScript基础--DOM对象加强篇(十四)

1.document 对象 定义:document对象代表的整个html文档,因此可以去访问到文档中的各个对象(元素)document重要的函数 1.1 write 向文档输出文本或js代码 1.2 writeln 向文档输出文本或者js代码,与write不一样的地方是,writeln是换行输出. 比如: document.write("hello");document.writeln("ok"); hello ok 但是对浏览器来看,输出效果没有区别. 1.3 g

JavaScript基础--DOM对象(十三):(windows对象:history\location\navigator\screen\event)

DOM编程1.为什么要学习DOM(1) 通过dom编程,我们可以写出各种网页游戏(2)dom编程也是ajax的重要基础2.DOM编程介绍DOM = Document Object Model(文档对象模型)DOM是HTML与XML的应用编程接口(API) BOM和DOM相辅相成的关系BOM为纲,DOM为目,DOM是BOM的具体体现 3.DOM对象 3.1 Windows对象 3.1.1 confirm function test(){ var res= window.confirm("你要删除&

JavaScript基础三

1.10 关于DOM的事件操作 1.10.1 JavaScript的组成 JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准.包括变量.表达式.运算符.函数.if语句.for语句等. DOM:文档对象模型,操作网页上的元素的API.比如让盒子移动.变色.轮播图等. BOM:浏览器对象模型,操作浏览器部分功能的API.比如让浏览器自动滚动. 1.10.2 事件 JS是以事件驱动为核心的一门语言. 事件的三要素 事件的三要素:事件源.事件.事件驱动程序. 比

WordPress基础知识:条件判断标签及用法大全

在 WordPress 主题和插件开发中,条件判断标签(Conditional Tags)是非常重要的,通过条件判断标签,我们可以判断各种情况,从而使用对应的代码等.例如在顶部导航条中有一个"首页"选项,在首页的时候需要设置 成高亮,我们可以在头部导航模板文件(header.php)中使用条件判断标签 is_home() 来判断当前页面是不是首页,然后再输出高亮的 class. 这类的条件判断标签一般会返回一个布尔值,这样我们就可以使用 if 语句判断不同的页面不同的情况而分别使用不同

JavaScript 基础回顾——对象

JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象 在JavaScript中,对象被定义为无序属性的集合,属性可以是任何类型的值,包括其他对象或函数.函数作为属性值时称为“方法”,即对象的行为. (1)对象常用的内部属性 对象的内部属性是由JavaScript 规范定义的,由运行代码的系统来访问.对象常用的内部属性: prototype        对象        获

JavaScript学习日记3 条件判断

JavaScript使用if () { ... } else { ... }来进行条件判断. 1 var age = 20; 2 if (age >= 18) { // 如果age >= 18为true,则执行if语句块 3 alert('adult'); 4 } else { // 否则执行else语句块 5 alert('teenager'); 6 } 多行条件判断 如果还要更细致地判断条件,可以使用多个if...else...的组合: 1 var age = 3; 2 if (age &

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

1.条件判断语句 Python中条件选择语句的关键字为:if .elif .else这三个.其基本形式如下: age_of_cc = 27 age = int(input("guessage:")) if age == age_of_cc: print("Yes,you got it!") elif age > age_of_cc: print("猜大啦!") else: print("猜小啦!") if语句执行的特点是

python之路-基础篇-7 条件判断

在生活中,一件事情面临着很多选择,比如吃饭的时候,会考虑吃什么,盖饭?面条?火锅?,如果选择吃盖饭,那吃什么盖饭,尖椒肉丝?鱼香肉丝?... 可以用python来完成上面描述的事情: input_value = input("请问想吃点什么,盖饭.面条.火锅:") if input_value == '盖饭': print("您选择的是%s!" % input_value) elif input_value == '面条': print("您选择的是%s!