美文网首页
Js 数据类型

Js 数据类型

作者: 饕餮潴 | 来源:发表于2018-09-16 01:55 被阅读6次

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

相关文章

  • JS的类型转换

    JS的数据类型: 首先, JS的数据类型分为基本数据类型和引用数据类型基本数据类型: string number ...

  • js对象数组的深拷贝方法以及其他方法

    js判断数据类型是否为对象 js判断数据类型是否为数组

  • 2022前端面试题汇总(附答案)更新中

    JS相关 1.JS中的数据类型 (1)数据类型分为基本数据类型和引用数据类型基本数据类型:number、null、...

  • js深拷贝

    在写深拷贝之前,有必要说一下js的数据类型 一.js数据类型 1.1 分类 js数据类型分为两类:原始数据类型、引...

  • js数据类型

    JS基本数据类型和引用数据类型(JS 基本数据类型和引用数据类型的区别及浅拷贝和深拷贝) 再讲 js 的基本数据类...

  • js入门知识点

    * 基础知识 * js的输出方式 * js的组成 * js的命名规范 * 数据类型 * number数据类型 * ...

  • js常见知识点

    一、 js基本数据类型和引用数据类型 js基本数据类型:Number、String、Boolean、Null、un...

  • JS数据类型判断

    js中可以通过typeof来判断基本的数据类型。 数据类型 js的数据类型分为基本数据类型和引用数据类型,基本数据...

  • JS 高频面试题汇总

    # 说一下JS 中的数据类型有哪些 JS 数据类型包括 基本 / 引用 / 特殊 数据类型: 基本数据类型:Str...

  • 浅拷贝和深拷贝

    JS数据类型 在JS语言中,数据类型分为以下两种: 基本数据类型:null undefined number st...

网友评论

      本文标题:Js 数据类型

      本文链接:https://www.haomeiwen.com/subject/iqyogftx.html