Js 数据类型

7种数据类型

  • number(数值) :整数和小数(浮点数)
  • string(字符串):文本'123' 'string'
  • boolean(布尔值) true false
  • symbol(符号) es6中加入以后在es中解释
  • undefined: 空非对象(除了object的空值类型 都可以用undefined表示)
  • null: 空对象
  • object(对象):各种值的组合集

function 不属于7中数据类型中 但是如果 :

function f(){}
typeof f
// "function"

number

javascript 所有数字是以64位浮点数存贮 也就是
1 === 1.0 // true 1和1.0 1.00 1.000 都是一个数
注意 由于浮点数不是精确的值,所以涉及小数的比较和运算要特别小心

0.1 + 0.2 === 0.3
// false
0.3 / 0.1
// 2.9999999999999996
(0.3 - 0.2) === (0.2 - 0.1)
// false

Number对象的MAX_VALUE和MIN_VALUE属性,返回可以表示的具体的最大值和最小值。

数值的表示方法

123e3 // 123000
123e-3 // 0.123
(1)小数点前的数字多于21位。

1234567890123456789012
// 1.2345678901234568e+21
123456789012345678901
// 123456789012345680000

0x开头表示16进制
0o开头表示8进制
0b开头表示2进制

0xff // 255
0o377 // 255
0b11 // 3

(2)小数点后的零多于5个。

// 小数点后紧跟5个以上的零,
// 就自动转为科学计数法
0.0000003 // 3e-7

// 否则,就保持原来的字面形式
0.000003 // 0.000003

js中特殊值

  1. 0 0在js中存在+0和-0 这两个0的在绝大多数时候是相等的 只有在座位分母时
    (1 / +0) === (1 / -0) // false
    因为除以正零得到+Infinity,除以负零得到-Infinity,这两者是不相等的
  2. NaN
    (Not a number) 属于 number类型
    NaN 不等于任何值包括自己 也不能和任何之计算 返回结果都是NaN
    在布尔值中可以作为false
    使用场景:
5 - 'x' // NaN
Math.acos(2) // NaN
Math.log(-1) // NaN
Math.sqrt(-1) // NaN
0 / 0 // NaN

3.Infinity
无穷 分正无穷和负无穷

// 场景一
Math.pow(2, 1024)
// Infinity    表达式的计算结果太大,超出了能够表示的范围

// 场景二
0 / 0 // NaN    0除以0会得到NaN
1 / 0 // Infinity    而非0数值除以0,会返回Infinity

Infinity与NaN比较,总是返回false

Infinity > NaN // false
-Infinity > NaN // false

Infinity < NaN // false
-Infinity < NaN // false

0或者null 乘以Infinity,返回NaN;除以Infinity,返回0;Infinity除以0或者null ,返回Infinity。
Infinity减去或除以Infinity,得到NaN
Infinity与undefined计算,返回的都是NaN

parseInt方法用于将字符串转为整数

需要注意的是 :
parseInt('15e2') // 15
parseInt('.3') // NaN
parseInt('+1') // 1
parseInt('0x10') // 16
parseInt('011') // 11
parseInt会将科学计数法的表示方法视为字符串

parseInt(1000000000000000000000.5) // 1
// 等同于
parseInt('1e+21') // 1

parseInt(0.0000008) // 8
// 等同于
parseInt('8e-7') // 8
parseInt('1000', 2) // 8  2进制1000转化成十进制
parseInt('1000', 6) // 216 6进制1000转化成十进制
parseInt('1000', 8) // 512  8进制1000转化成十进制

但是

parseInt('10', 37) // NaN
parseInt('10', 1) // NaN
parseInt('10', 0) // 10
parseInt('10', null) // 10
parseInt('10', undefined) // 10
parseInt('1546', 2) // 1
parseInt('546', 2) // NaN

string 字符串

字符串就是零个或者多个排在一起的字符,放在单引号或者双引号中。
在js中尽量在字符串中使用单引号或者双引号一种风格 不好来回混用,由于html使用双引号所以尽量使用单引号是比较推荐的。
字符串默认只能在一行,分成多行将会报错。
但是可以通过:

var longString = 'Long \
long \
long \
string';

longString
// "Long long long string"
或者 
var longString = 'Long '
  + 'long '
  + 'long '
  + 'string';

每个字符在 JavaScript 内部都是以16位在U+0000到U+FFFF之间的字符(即2个字节)的 UTF-16 格式储存。也就是说,JavaScript 的单位字符长度固定为16位长度,即2个字节,浏览器会正确识别超过U+FFFF之间的字符,但是 JavaScript 无法识别,会认为这是两个字符。

Base64 转码

Base64 就是一种编码方法,可以将任意值转成 0~9、A~Z、a-z、+和/这64个字符组成的可打印字符。
btoa():任意值转为 Base64 编码
atob():Base64 编码转为原来的值
注意
如果是汉子不在base64中 是不能直接转换的

btoa(encodeURIComponent('你好'))  //"JUU0JUJEJUEwJUU1JUE1JUJE"
decodeURIComponent(atob('JUU0JUJEJUEwJUU1JUE1JUJE'))//"你好"

布尔值

ture 真 false 假
逻辑运算符 && and || or
非运算 !not
相等运算符 === 绝对等 ==相等 !==不绝对等 !=不等 (=== 与!== 相反 )(==与!=相反)
比较运算符 > ,>= , <, <=
以下字符

  • undefined
  • null
  • false
  • 0
  • Nan
  • "" '' (空字符串) 为 false 其他都为true

注意 [ ] { } 为 true

if ([]) {
  console.log('true');
}
// true

if ({}) {
  console.log('true');
}
// true

null 和 undefined

首先这两个都表示空或者无 且 如果 null ==undefined //true 说明这两个在一定程度上是相等

区别:

Number(null) // 0
5 + null // 5
Number(undefined) // NaN
5 + undefined // NaN

null表示空值 undefined表示未定义

// 对象没有赋值的属性
var  o = new Object();
o.p // undefined

null: 空对象 undefined: 空非对象(除了object的空值类型 都可以用undefined表示)

Object 对象

对象就是一组“键值对”(key-value)的集合,是一种无序的复合数据集合

对象引用:
不同变量名指向同一个对象,那么他们就是指向了该对象所表示同意内存地址,修改其中一个变量,会影响其他变量。

var o1 = {};
var o2 = o1;

o1.a = 1;
o2.a // 1

o2.b = 2;
o1.b // 2

但是这个只局限到对象,如果两个变量指向一个原始类型值,变量这时都是值的拷贝。

var o1 = {};
var o2 = o1;

o1 = 1;
o2 // {}

规范
V8 引擎规定,如果行首是大括号,一律解释为对象。不过,为了避免歧义,最好在大括号前加上圆括号。
({ foo: 123})
这种差异在eval语句(作用是对字符串求值)中反映得最明显。

eval('{foo: 123}') // 123
eval('({foo: 123})') // {foo: 123}

属性读取

var obj = {
  p: 'Hello World'
};

obj.p // "Hello World"
obj['p'] // "Hello World" //注意['p']又'p' 引号 不然可能会出现下面的情况 

var foo = 'bar';

var obj = {
  foo: 1,
  bar: 2
};

obj.foo  // 1
obj[foo]  // 2

方括号运算符内部还可以使用表达式

obj['hello' + ' world']//helloworld
obj[3 + 3]//6

数字键可以不加引号,因为会自动转成字符串

var obj = {
  0.7: 'Hello World'
};

obj['0.7'] // "Hello World"
obj[0.7] // "Hello World"

for...in循环用来遍历一个对象的全部属性

var obj = {a: 1, b: 2, c: 3};

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

推荐阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,118评论 0 13
  • 一、初识数据类型 1. 概要 JavaScript 语言的每一个值,都属于某一种数据类型。JavaScript 的...
    莫藤苔阅读 461评论 0 0
  • 1.数据类型的分类 1.总体分类 JavaScript语言的每一个值,都属于某一种数据类型。JavaScript的...
    饥人谷_小侯阅读 264评论 0 0
  • 数据类型分类 JavaScript语言的每一个值,都属于某一种数据类型。JavaScript的数据类型,共有七种。...
    yuhuan121阅读 521评论 0 0
  • 1.JavaScript 定义了几种数据类型? 哪些是原始类型?哪些是复杂类型?原始类型和复杂类型的区别是什么? ...
    DeeJay_Y阅读 209评论 0 0