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。
JavaScript 基础(三) 对象 条件判断的更多相关文章
- 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 ...
- JavaScript基础三
1.10 关于DOM的事件操作 1.10.1 JavaScript的组成 JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准.包括变量.表达式.运算符.函数. ...
- JavaScript 基础回顾——对象
JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象 在JavaScript中 ...
- python基础-编码_if条件判断
一.第一句Python代码 在 /home/dev/ 目录下创建 hello.py 文件,内容如下: [root@python-3 scripts]# cat hello.py #!/usr/bin/ ...
- python学习笔记-(三)条件判断和循环
1.条件判断语句 Python中条件选择语句的关键字为:if .elif .else这三个.其基本形式如下: age_of_cc = 27 age = int(input("guessage ...
- javascript基础(六)对象
原文http://pij.robinqu.me/ JavaScript Objects 创建对象 对象直接量 var o = { foo : "bar" } 构造函数 var o ...
- python学习笔记(三)条件判断和循环
1.条件判断语句 Python中条件选择语句的关键字为:if .elif .else这三个.其基本形式如下: 1 2 3 4 5 6 7 8 9 age_of_cc = 27 age = int( ...
- Shell脚本 (三) 条件判断 与 流程控制
个人博客网:https://wushaopei.github.io/ (你想要这里多有) 六.条件判断 1.基本语法 [ condition ](注意condition 前后要有空格) 注意:条 ...
- JavaScript 基础(三) - Date对象,RegExp对象,Math对象,Window 对象,History 对象,Location 对象,DOM 节点
Date对象 创建Date对象 //方法1:不指定参数 var date_obj = new Date(); alert(date_obj.toLocaleString()) //方法2:参数为日期字 ...
随机推荐
- Java Mail邮件发送的简单实现
1.什么是java mail JAVA MAIL是利用现有的邮件账户发送邮件的工具,通过JAVA Mail的操控,让程序自动的使用设置的邮箱发送邮件. 这一机制被广泛的用在注册激活和垃圾邮件的发送等方 ...
- MVC5 下拉框绑定(单选)
1.Model [Display(Name = "学历")] public ICollection<System.Web.Mvc.SelectListItem> asd ...
- node.js压缩和解压缩
推荐一个极其简单.及其好用的node.js的压缩和解压缩类库 compressing 支持格式: tar.gzip.tgz.zip 以zip为例,tar,tgz和gzip与zip相同. 压缩文件: ...
- 自己动手实现STL 01:内存配置器的实现(stl_alloc.h)
一.前言 在STL中,容器是其中的重中之重,基本的STL中的算法,仿函数等都是围绕着容器实现的功能.而,内存配置器,是容器的实现的基础.所以,我第一次要去编写便是内存配置器的实现.在STL中,内存配置 ...
- FTP FileZilla Server 本地加密C# 实现
最近公司要做一个资料管理模块,因系统是C/S架构,原来小文件都是直接使用7Z压缩后保存到SQL Server数据库 而资料管理模块也就是文件上传,下载加权限管理,考虑文件较多,还可能比较大,所以打算在 ...
- HTML行内元素、块状元素和行内块状元素的区分
HTML 5 的常用元素分类 HTML可以将元素分类方式分为行内元素.块状元素和行内块状元素三种,这三者是可以互相转换的,通过display属性可以实现互相转换 (1)display:inline;转 ...
- Apache转发到Tomcat
#vi /etc/httpd/conf/httpd.conf 添加下面配置 NameVirtualHost *:80 <VirtualHost *:80>ProxyPreserveHost ...
- WAKE-WIN10-SOFT-python配置
1,anaconda下载,安装 1,1 官网:https://www.continuum.io/downloads 下载:https://repo.continuum.io/archive/ win1 ...
- day6-基础 模块详解
1.定义: 1)模块:本质上就是一个python程序,封装成一个"模块",可以调用里面的方法,用来实现一个功能.逻辑上用来组织python代码. 2)包:本质上是一个目录(必须带有 ...
- EM自动任务导致数据库缓慢
这两天客户抱怨数据库慢,查看性能什么的没发现什么异常.查看job发现一个内容为EMD_MAINTENANCE.EXECUTE_EM_DBMS_JOB_PROCS执行特别频繁.使用 EXEC DBMS_ ...