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命令

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

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