02 JavaScript数据类型、类型转换、注释
JavaScript 数据类型
JavaScript 变量能够保存多种数据类型:数值、字符串值、数组、对象、undefined、null等等
var length = 7; // 数字 var lastName = "Gates"; // 字符串 var cars = ["Porsche", "Volvo", "BMW"]; // 数组 var x = {firstName:"Bill", lastName:"Gates"}; // 对象 var un; //undefined类型 var str = null; //null类型
JavaScript字符串值
字符串(或文本字符串)是一串字符(比如 "Bill Gates")。
字符串被引号包围。您可使用单引号或双引号
实例:
var carName = '哈士奇'; //使用单引 var carName = "哈士奇"; //使用双引
当数值和字符串相加时,JavaScript 将把数值视作字符串。
实例:
var num = 911; var str = '哈士奇'; //输出 console.log(num+str); //输出结果 911哈士奇 //这是一个字符类型
JavaScript 数值
JavaScript 只有一种数值类型。
写数值时用不用小数点均可:
实例:
var x1 = 34.00; // 带小数点 var x2 = 34; // 不带小数点
超大或超小的数值可以用科学计数法来写:
实例:
var z = 123e-5; // 0.00123
JavaScript 布尔值
布尔值只有两个值:true 或 false
实例:
var x = true; //真 var y = false; //假
布尔值经常用在条件测试中。
JavaScript 数组
JavaScript 数组用方括号书写。
数组的项目由逗号分隔。
下面的代码声明(创建)了名为 dogs 的数组,包含三个项目(宠物名称)
实例:
var dogs = new Array();//空数组 var dogs = new Array(num值); dogs[0] = 'cat'; dogs.push = 'endDog'; ... var dogs = []; //空数组 var dogs = ["dog", "cat", "penguin"]; //长度为3的一个数组 //添加元素 dogs[0] = 'cat'; //按下标添加元素 ... //向数组末尾添加元素 dogs.push = 'endDog';
数组索引基于零,这意味着第一个项目是 [0],第二个项目是 [1],以此类推。
JavaScript 对象
JavaScript 对象用花括号来书写。
对象属性是 name:value 对,由逗号分隔
实例:
var Hero = { name = '关羽', sex='男', age=18, run = function(){ alert(this.name+'正在飞奔'); } }
以上字面量对象(Hero)有三个属性:name、sex、age和一个方法:run()
Undefined
在 JavaScript 中,没有值的变量,其值是 undefined。typeof 也返回 undefined。
实例:
var person; // 值是 undefined,类型是 undefined
任何变量均可通过设置值为 undefined 进行清空。其类型也将是 undefined
空值
空值与 undefined 不是一回事。
空的字符串变量既有值也有类型。
实例:
var car = ""; // 值是 "",类型是 "string"
Null
在 JavaScript 中,null 是 "nothing"。它被看做不存在的事物。
在 JavaScript 中,null 的数据类型是对象。
可以把 null 在 JavaScript 中是对象理解为一个 bug。它本应是 null。
可以通过设置值为 null 清空对象:
实例:
var person = null; // 值是 null,但是类型仍然是对象
可以通过设置值为 undefined 清空对象
Undefined 与 Null 的区别
Undefined 与 null 的值相等,但类型不相等:
实例:
typeof undefined // undefined typeof null // object null === undefined // false null == undefined // true
typeof 运算符
可使用 JavaScript 的 typeof 来确定 JavaScript 变量的类型:
typeof 运算符返回变量或表达式的类型:
实例:
var name = '哈士奇'; var age = 17; var flag = true; var run; var eat = ''; var dogs = ['cat','dog','penguin']; type of name //返回string type of age //返回number type of flag //返回boolean type of run //返回undefined type of eat //返回null type of dogs //返回object
typeof 运算符把对象、数组或 null 返回 object。
注释
JavaScript 注释用于解释 JavaScript 代码,增强其可读性
JavaScript 注释也可以用于在测试替代代码时阻止执行。
单行注释
单行注释以 // 开头。
任何位于 // 与行末之间的文本都会被 JavaScript 忽略(不会执行)。
本例在每条代码行之前使用单行注释:
实例:
/ 改变标题: document.getElementById("myH").innerHTML = "我的第一张页面"; // 改变段落: document.getElementById("myP").innerHTML = "我的第一个段落。";
多行注释
多行注释以 /* 开头,以 */ 结尾。
任何位于 /* 和 */ 之间的文本都会被 JavaScript 忽略。
本例使用多行注释(注释块)来解释代码
实例:
/* 下面的代码会改变 网页中 id = "myH" 的标题 以及 id = "myP" 的段落: */ document.getElementById("myH").innerHTML = "我的第一张页面"; document.getElementById("myP").innerHTML = "我的第一个段落。";
02 JavaScript数据类型、类型转换、注释的更多相关文章
- Javascript——数据类型 和 注释
数据类型:JavaScript中包括如下7种数据类型:字符串.数字.布尔.数组.对象.null.undefined 字符串: 注意:字符串类型的数据需要使用单引号或双引号引起来. 数字: 注意:Jav ...
- 第九十九节,JavaScript数据类型
JavaScript数据类型 学习要点: 1.typeof操作符 2.Undefined类型 3.Null类型 4.Boolean类型 5.Number类型 6.String类型 7.Object类型 ...
- js基础--javaScript数据类型你都弄明白了吗?绝对干货
欢迎访问我的个人博客:http://www.xiaolongwu.cn 数据类型的分类 JavaScript的数据类型分为两大类,基本数据类型和复杂数据类型. 基本数据类型:Null.Undefine ...
- javascript 数据类型 -- 检测
一.前言 在上一篇博文中 Javascript 数据类型 -- 分类 中,我们梳理了 javascript 的基本类型和引用类型,并提到了一些冷知识.大概的知识框架如下: 这篇博文就讲一下在写代码的过 ...
- javaScript系列 [02]-javaScript对象探析
[02]-javaScript对象探析 题记:多年前,以非常偶然的方式关注了微信公众号“面向对象”,本以为这个公众号主要以分享面向对象编程的干货为主,不料其乃实实在在的猿圈相亲平台.通过查看公开资料, ...
- JavaScript数据类型-2---Undefined、 Null、 Boolean、 Number、 String.
学习目标 1.掌握JavaScript的数据类型 2.掌握typeof操作符 3.掌握Undefined 4.掌握null JavaScript的数据类型 ECMAScript中有5种简单数据类型(也 ...
- JavaScript数据类型和转换
JavaScript数据类型 1.Boolean(布尔) 布尔:(值类型)var b1=true;//布尔类型 2.Number(数字) 数值:(值类型)var n1=3.1415926;//数值类型 ...
- JavaScript 数据类型小结
数据类型对于机器而言,其意义在于更加合理的分配内存空间,而对于编程者而言,数据类型提供了我们相对应的一系列方法,对数据进行分析与处理. 在本文中,将对JavaScript数据类型的基础知识进行总结,全 ...
- JavaScript筑基篇(二)->JavaScript数据类型
说明 介绍JavaScript数据类型 目录 前言 参考来源 前置技术要求 JavaScript的6种数据类型 哪6种数据类型 undefined 类型 null 类型 boolean 类型 numb ...
随机推荐
- SpringBoot系列之@Value和@ConfigurationProperties
继上一篇博客SpringBoot系列之YAML配置用法之后,再写一篇@Value.@ConfigurationProperties的对比博客 这两个主键都是可以获取配置文件属性的,不过是有比较大的区别 ...
- pyarango整理
目录: 连接数据库 创建数据库/集合/文档 检索筛选 更新 删除 调用AQL的方法 安装需要用到的python包: pip install pyarango 一.连接数据库: >>> ...
- springboot(3)——配置文件和自动配置原理详细讲解
原文地址 目录 概述 1. 配置文件作用 2.配置文件位置 3.配置文件的定义 3.1如果是定义普通变量(数字 字符串 布尔) 3.2如果是定义对象.Map 3.3如果是定义数组 4.配置文件的使用 ...
- Kong02-KongA 介绍
KongA 是 Kong 的一个 GUI 工具.GitHub 地址是 https://github.com/pantsel/konga . KongA 概述 KongA 带来的一个最大的便利就是可以很 ...
- Mybatis:配置解析
配置解析 mybatis-config.xml(Mybatis核心配置文件)深深影响了Mybatis行为的设置和属性信息. 能配置的的内容 当然,并不是所有都是我们经常使用到的,下面选择经常使用的配 ...
- Vmware虚拟机的安装
Vmware WorkStation是一款桌面计算机虚拟软件,能够让用户在单一主机上同时运行多个不同的操作系统.每个虚拟操作系统的硬盘分区.数据配置都是独立的,同时又可以将多台虚拟机构建为一个局域网. ...
- Linux基础指令--韩顺平老师课程笔记
一.vi和vim编辑器 ①.三种模式 所有的 Linux 系统都会内建 vi 文本编辑器.vim 具有程序编辑的能力,可以看做是 vi 的增强版本,可以主动的以字体颜色辨别语法的正确性,方便程序设计. ...
- vue-snippet-模板
"template": { "prefix": "template", "body": [ "<temp ...
- Jetpack Compse 实战 —— 全新的开发体验
公众号回复 Compose 获取安装包 项目地址: Wanandroid-Compose 经过前段时间的 Android Dev Summit ,相信你已经大概了解了 Jetpack Compose ...
- PHP中跳出循环break,continue,return,exit的区别
1. return 语句的作用 (1) return 从当前的方法中退出,返回到该调用的方法的语句处,继续执行. (2) return 返回一个值给调用该方法的语句,返回值的数 ...