JavaScript学习10 JS数据类型、强制类型转换和对象属性

JavaScript数据类型

  JavaScript中有五种原始数据类型:Undefined、Null、Boolean、Number以及String

  Undefined数据类型的值只有一个:undefined

  在JavaScript中,如果函数没有声明返回值,那么会返回undefined。(后面有实例)。

  如果typeof后面跟一个未定义的参数,也是返回undefined

  Null数据类型的值只有一个:null

  null与undefined的关系:undefined实际上是从null派生出来的。

  所以:

alert(undefined == null);

  弹框显示true。

  Boolean数据类型的值有两个:true和false。  

var s = false; //声明了一个布尔值false

  字符串String类型,用单引号或者双引号都可以。

  JavaScript中没有char数据类型。

typeof运算符

  typeof是一元运算符,后跟变量的名称,用于获取变量的数据类型,其返回值有5个:undefined、boolean、number、string以及object

  var s = "hello"; // s是原始类型
alert(typeof s) //输出:string

  另一种方式:

var s = new String("hello"); //s是对象类型
alert(typeof s) //输出:object

  对象类型的基类是Object(很像Java),所以typeof判断出是对象类型之后不再具体说明其到底是何种对象类型。

var s = false;
alert(typeof s); //输出boolean var s = 3;
alert(typeof s) //输出number

函数无返回值的情况

  在JavaScript中,如果函数没有声明返回值,那么会返回undefined

  function add()
{
return;//或者干脆不写return
}
alert(add()); //弹框显示undefined

强制类型转换

  强制类型转换:在JavaScript中有3种强制类型转换:

  Boolean(value),Number(value),String(value)

  比较常规的:

var s = Number(3);
alert(s);

  转换成布尔值:

var s = Boolean("hello");
alert(s); //显示true
var s = String("hello");  //注意此处没有关键字new,表示强制类型转换
alert(typeof s);//输出string
//如果加上new则会输出object

  注意:强制类型转换前面是没有new这个关键字的。

对象的属性

  在JavaScript中,所有对象都是从Object对象继承过来的。

  Object中的属性是不可枚举的(propertyIsEnumerable返回false),因此无法

  通过for…in语句得到其中的属性。

var object = new Object();
for(var v in object)
{
alert(v);
}
//没有弹框,因为没有可枚举的属性 alert(object.propertyIsEnumerable("prototype"));//返回false

动态管理属性

  在JavaScript中,可以动态添加对象的属性,也可以动态删除对象的属性。

var object = new Object();
alert(object.username); //undefined //添加属性
object["username"] = "shengsiyuan";
//object.username= "shengsiyuan"; //两种方式都可以动态添加属性username
alert(object.username); //显示定义的name属性 //删除属性
delete object.username; // username属性已经从object对象中删除
alert(object.username);//undefined

定义对象的另一种方式:

  以属性来定义对象:

// 在JavaScript中定义对象的最常见的方式
var object = {username: "zhangsan", password: 123};
alert(object.username);
alert(object.password);

参考资料

  圣思园张龙老师Java Web视频教程。

  W3School JavaScript教程:http://www.w3school.com.cn/js/index.asp

  英文版:http://www.w3schools.com/js/default.asp

JavaScript学习10 JS数据类型、强制类型转换和对象属性的更多相关文章

  1. JavaScript学习笔记——2.数据类型与类型转换

    数据类型 JS中一共分成六种数据类型 1- String 字符串 2- Number 数值 3- Boolean 布尔值 4- Null 空值 5- Undefined 未定义 6- Object 对 ...

  2. JavaScript学习12 JS中定义对象的几种方式

    JavaScript学习12 JS中定义对象的几种方式 JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工 ...

  3. JavaScript学习06 JS事件对象

    JavaScript学习06 JS事件对象 事件对象:当事件发生时,浏览器自动建立该对象,并包含该事件的类型.鼠标坐标等. 事件对象的属性:格式:event.属性. 一些说明: event代表事件的状 ...

  4. JavaScript学习03 JS函数

    JavaScript学习03 JS函数 函数就是包裹在花括号中的代码块,前面使用了关键词function: function functionName() { 这里是要执行的代码 } 函数参数 函数的 ...

  5. JS中强制类型转换

    JavaScript提供了3种强制类型转换的方法 一.Boolean()方法 该方法将指定的参数转换成布尔型.Boolean(object).参数object可以是字符串对象.数值对象.DOM对象等. ...

  6. Javascript学习8 - 脚本化文档(Document对象)

    原文:Javascript学习8 - 脚本化文档(Document对象) 每个Web浏览器窗口(或帧)显示一个HTML文档,表示这个窗口的Window对象有一个document属性,它引用了一个Doc ...

  7. javascript学习3、数据类型、数据类型转换、运算符

    数据类型包括:基本数据类型和引用数据类型 基本数据类型指的是简单的数据段,引用数据类型指的是有多个值构成的对象. 当我们把变量赋值给一个变量时,解析器首先要确认的就是这个值是基本类型值还是引用类型值 ...

  8. JavaScript学习 - 基础(二) - 基础类型/类型转换

    基础类型 - 数字类型(Number) 1.最基本的数据类型 2.不区分整型数值和浮点型数值 3.所有数字采用64位浮点格式存储,相当于Java和C语言中double格式 4.能表示的最大值 +- 1 ...

  9. 【Python系统学习02】数据类型与类型转换

    一.数据类型 字符串 整数 浮点数 [补充中...] 1.字符串 str 字符串:英文string,简写str. name = '小石头:' print(name,'2019', '12', '24' ...

随机推荐

  1. Azure ARM (5) ARM Template初探 - 本地JSON Template文件(1)

    <Windows Azure Platform 系列文章目录>      Azure ARM (1) 概览      Azure ARM (2) 概览      Azure ARM (3) ...

  2. CentOS7 Tomcat安装

    CentOS7 Tomcat安装 CentOS7 Tomcat安装 Download 从Tomcat下载apache-tomcat-8.0.18.tar.gz Install 安装 上传RPM文件到/ ...

  3. 阅读《LEARNING HARD C#学习笔记》知识点总结与摘要四

    又是一个周末,刚好有时间,又继续复习与总结了,希望能让大家受益,不足之处欢迎指正,谢谢! 十八. Lambda 1.Lambda表达式:匿名方法的另一种表现形式,它可以包含表达式和语句,且用于创建委托 ...

  4. 【Swift学习】Swift编程之旅---控制流(九)

    Swift提供了类似C语言的流程控制结构,包括可以多次执行任务的for和while循环,基于特定条件选择执行不同代码分支的if和switch语句,还有控制流程跳转到其他代码的break和continu ...

  5. 应用Css美化表单

    原来的效果  美化之后的效果  实现代码 <style> .container { margin:0auto; width:620px; } fieldset { padding:18px ...

  6. Node.js系列之ubuntu环境搭建

    ctrl+alt+t打开终端(命令行) 一.准备Node.js所依赖的包(g++,curl,python等) sudo apt-get install g++ curl libssl-dev apac ...

  7. windbg学习进阶之——windbg环境变量配置

    接触性能调优以来一直想学下windbg分析dump,每次看老师几个命令就能找到很底层的问题原因那简直就是羡慕加崇拜啊~但是这接近一年了,愣是没啥进展呢,主要就是在今天整理的这部分卡住了...这理由找的 ...

  8. SSH实例(2)

    在WebContent\WEB-INF\下新建两个文件:applicationContext.xml和web.xml. web.xml: <?xml version="1.0" ...

  9. 使用MySQL Workbench导出MySQL数据库关系图

    1. 点击MySQL Workbench中间Data Modeling下的Create EER Model From Existing Database: 2. 在Stored Connection中 ...

  10. Yii2框架打包成Phar包报错的经历

    以yii2为例 打包文件过程比较简单,但打包好以后简单测试yii命令,一直报错: PHP Fatal error: Uncaught yii\base\InvalidParamException: T ...