JS 里的数据类型,欢迎大佬指点

        本篇主要介绍JavaScript的数据类型

开篇介绍

        JS是JavaScript的简称,是一种解释型计算机语言。计算机语言中,数据类型是其重要的一部分。JS一共有七种数据类型,分别是数值类型(number)、字符串类型(string)、布尔类型(boolean)、符号类型(Symbol)、undefined类型(undefined)、null类型(null)、对象类型(object),其中,符号类型(symbol)是ES6中新增的数据类型
        PS: 若需要查看JS中某个值的数据类型可以使用typeof关键字进行查看;JS中并不是一切皆对象
如:

var s = 'class';
console.log(s);// s => class
console.log(typeof s);// => string
var c = [1, 2, 4, 6, 0];
console.log(typeof c);// => object
var a = true;
console.log(typeof a);// =>boolean

        代码及效果展示

数值类型(number)

        数值类型就是日常见到的整数(包括正负整数和0),浮点数(即小数),以及使用科学计数法的数,都属于数值类型,如果学过Java或C语言,不难发现number类型已经将这类语言的int类型,long类型,float类型,double类型包含在其中;

        JS中用64位浮点数的二进制来表示所有数值,JS能表示的范围为21024到2-1023,如果超过最大范围,会返回Infinity(无穷),如果小于最小范围,会返回0;

var b = 2.099e+1025;
console.log(b);// b => Infinity
var a = 1e-1023;
console.log(a);// a => 0

        代码及效果展示
        在上述代码中,不难发现有一个很奇怪的写法2.099e+1025,这个写法是计算机中特有的科学记数法的表示形式,类似于2.099^1025;除此之外,在计算机中还有其他进制的数值的表示方法,如下表所示

进制 数值的表示方法 代码及效果展示
十进制 日常的写法,如:10,表示十 点此查看代码和展示效果
二进制 以0b或0B开头,后接属于二进制的数字的数值,如:0b10,表示二 点此查看代码和展示效果
八进制 以0o或0O或0开头,后接属于八进制的数字的数值,如:0o11,表示九 点此查看代码和展示效果
十六进制 以0x或0X开头,后接属于十六进制的数字的数值,如:0x11,表示十七 点此查看代码和展示效果

字符串类型(string)

        字符串是由一个或多个字符组合在一起的字符,并放于单/双引号之中。如:

var s = 'hello world';
var 字符串 = "hello world";
console.log(s);
console.log(字符串);

        代码及效果展示
        string类型是字符串类型,可以用单引号或双引号将内容引起来,在JS中用单引号还是双引号都可以,全凭个人喜好。但是需要注意单双引号的匹配,不建议使用下面这样的写法:

//全使用双引号
var s = "hello" + "world";
//全使用单引号
var s = 'hello'  'world';

        如果是像上面那样写,会导致浏览器无法识别你的意图,即无法正确匹配到双引号/单引号

        PS: ' '的长度为1,为空格字符串,''的长度为0,为空字符串

  • 转义字符
            字符串中存在着转义字符,之所以存在着转义字符,是为了防止出现报错的情况,比如需要定义一个变量用来将单个单引号和单个双引号同时存储起来,这时无论是使用双引号或是单引号将其引起来都会出现报错的情况(点击此处查看展示),这时就需要使用到转义字符将单个单引号和单个双引号分别进行转义,如下所示:
/*不正确的写法:
var 标点 = "'"";
console.log(标点);*/
console.log('这是字符串的表达方式');
var 标点 = "\'\"";
console.log(标点);

        代码及效果展示
        常用的转义字符有:

表示形式 表示内容
\' '(单引号)
\n 回车
\t tab(制表符)
\\ (转义符)
  • 多行字符串(不是字符串里有回车)
            当使用者在定义字符串中想进行回车操作,但不想让JS记录下来,这时需要在进行回车操作的位置插入一个''即可
 var s = '12345\
                    67890';
console.log(s);
//或
 var s2 = '12345' +
                    '67890';
console.log(s2);
多行字符串.png

        注意:使用''进行分隔时,不要在后面插入空格,即不要使用Space键,否则会报错;ES6中采用" ` "进行记录回车操作,但是这样会导致在``中的所有内容都被记录下来,放至进行赋值操作的变量中

布尔类型(boolean)

        布尔类型中只有两种值,分别是true与false,一般用于判断语句中。

undefined类型(undefined)与null类型

        在JS中undefined类型和null类型都表示该变量没米 有被定义的,但是这两者在用法上存在着不同,这也可以称之为JS的bug,JS并不是一门严谨的语言;
        1. 在定义变量,如果不需要给变量进行赋值,浏览器会自动给该变量赋值undefined,表示该变量未被赋值,或者你也可以给该变量赋值undefined,这是JS的语法;
        2. 在定义对象时,如果不想给该对象中的某个属性赋值时(如果只在对象中定义属性名未初始化浏览器会报错),推荐赋予null,因为null代表着空,这是一种惯例;

对象类型(object)

        对象类型是一种哈希表("key-value"键值对的形式),由一个或多个键值对构成的集合,在该集合中每个键值对使用逗号进行分隔;

  • 对象中的键值对也称作该对象的属性,在对象的键值对中每个key都有一个value与其对应,key也可以称之为该对象的属性名,JS中的对象与Java中的对象有些类似(毕竟在JS被创造出来时,借鉴了一下Java语言),对象中的属性名可以使用引号包裹起来,也可以不用引号包裹;
            PS: 如果对象中的属性名不用引号包裹起来,在给该属性取名时请符合标识符命名规则,如果使用引号包裹,则不用参照标识符命名规则*
  • 操作对象
  1. 在JS中如果需要调用到对象中的属性,可以使用对象名['属性名']或对象名. 属性名进行调用,如下所示:
var 对象名 = {
  'name': 'XiaoXiao',
  'age': 18,
  'sex': 'girl',
  '属性名': '属性'
};
// 上面是对象的创建与初始化
console.log("下面是对象的操作演示");
console.log(对象名.age);// 对象名.age => 18
console.log(`对象名['age'] = ${对象名['age']}`);// => 对象名['age'] = 18
console.log(对象名.sex);// 对象名.sex => girl
console.log(对象名.属性名);// 对象名.属性名 => 属性 
console.log(对象名.name);// 对象名.name => XiaoXiao

        代码及效果展示
        PS: 使用对象名.属性名时,需要注意属性名必须符合标识符命名规则,此时属性名类型为字符串类型,查看对象属性时,不能只看value不看key

  1. in
            在JS中in用于检测对象中是否存在着某个属性,若该属性存在,则返回true,否则返回false:
var 对象 = {
'name': 'LiMing',
'age': 19,
'sex': 'boy'
};
console.log('age' in 对象);// => true

        点击此处查看代码与效果

        PS: 注意in检查的是属性名,不是属性值

  • for in
            在JS中for in被用来遍历一个对象的全部属性,可以将该对象中所有可遍历的属性遍历出来:
var 对象 = {
  'name': 'LiMing',
  'age': 18,
  'sex': 'boy',
  'head-color': 'black'
}
for(let i in 对象){
  console.log(i);
}

        点击此处查看效果
        PS: for in遍历对象属性时会自动跳过不可遍历的属性,只遍历可遍历的属性

符号类型(Symbol)

        在JS中对象的属性名都是字符串类型,这很容易造成属性名冲突。为了保证每个属性的名字都独一无二,在ES6中引入了一种新的数据类型Symbol;Symbol值通过Symbol函数生成。凡是属性名属于Symbol类型,就都是独一无二的,可以保证不会与其他属性名产生冲突,具体使用如下所示:

var s = Symbol();
var s1 = Symbol('foo');
var s2 = Symbol('bar');
console.log("这里是Symbol的表示形式");
console.log(s);
console.log(s1.toString());// => Symbol(foo)
console.log(s2.toString());// => Symbol(bar)

        点击此处查看效果
        PS: Symbol值不是对象,不能添加属性,所以在Symbol函数前不能使用new命令

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 221,198评论 6 514
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 94,334评论 3 398
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 167,643评论 0 360
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,495评论 1 296
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,502评论 6 397
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 52,156评论 1 308
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,743评论 3 421
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,659评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 46,200评论 1 319
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,282评论 3 340
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,424评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 36,107评论 5 349
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,789评论 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,264评论 0 23
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,390评论 1 271
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,798评论 3 376
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,435评论 2 359

推荐阅读更多精彩内容

  • JavaScript 的数据类型,共有七种。数值(Number):整数和小数(比如1和3.14)。字符串(Stri...
    手劲很大阅读 546评论 0 0
  • ES6 引入了一种新的原始数据类型Symbol,表示独一无二的值。它是JavaScript语言的第七种数据类型,前...
    语目阅读 3,907评论 0 3
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,221评论 0 3
  • 0. 写在前面 当你开始工作时,你不是在给你自己写代码,而是为后来人写代码。 —— Nichloas C. Zak...
    康斌阅读 5,330评论 1 42
  • 一、ES6简介 ​ 历时将近6年的时间来制定的新 ECMAScript 标准 ECMAScript 6(亦称 ...
    一岁一枯荣_阅读 6,082评论 8 25