js 数据类型笔记

摘要：狭义的对象数组函数运算符这个运算符测试一个值到底是什么数据类型重点就是二和布尔值转数字化转为数字是转为数字是的使用场景表示空值。

这篇文章主要是对阮一峰老师javascript教程中数据类型和运算的笔记，方便记忆。
有需要的朋友建议直接观看阮一峰老师javascript教程，写得更详细

1.1数值（number）：整数和小数
1.2字符串（string）：文本
1.3布尔值（boolean）：表示真伪的两个特殊值，即true（真）和false（假）
1.4undefined：表示“未定义”或不存在
1.5null：表示空值，
1.6对象（object）：各种值组成的集合，分成三个子类型。

狭义的对象（object）

数组（array）

函数（function）

这个运算符测试一个值到底是什么数据类型
重点就是

</>复制代码 
typeof null // "object"
typeof undefined // "undefined"

null 转为数字是 0
undefined 转为数字是 NAN

null表示空值。
undefined表示“未定义”，场景有4个

2.1变量声明了，但没有赋值

</>复制代码 
    var i;
    i // undefined

2.2调用函数时，应该提供的参数没有提供，该参数等于 undefined

</>复制代码 
function f(x) {
  return x;
}
f() // undefined

2.3对象没有赋值的属性

</>复制代码 
var  o = new Object();
o.p // undefined

2.4函数没有返回值时，默认返回 undefined

</>复制代码 
function f() {}
f() // undefined

3.1哪些运算符会产出布尔值

前置逻辑运算符： ! (Not)

相等运算符：===，!==，==，!=

比较运算符：>，>=，<，<=

3.2其他数据类型转换成布尔值
转换规则是除了下面六个值被转为false，其他值都视为true。

undefined

null

false

0

NaN

""或""（空字符串）

3.3转换成布尔值的应用环境
大部分是用于判断程序流程，如下面把if（）里面判断成布尔值

</>复制代码 
if ("") {
  console.log("true");
}

数值组成方式
JavaScript 内部，所有数字都是以64位浮点数形式储存。
第1位：符号位，0表示正数，1表示负数
第2位到第12位（共11位）：指数部分
第13位到第64位（共52位）：小数部分（即有效数字）

1、定义：
字符串就是零个或多个排在一起，放在单引号或双引号之中的字符

2、字符串使用的异常场景

2.1 单引号字符串的内部，可以使用双引号，不能直接使用单引号。双引号字符串的内部，可以使用单引号，不能直接使用双引号

</>复制代码 
"key = "value""

2.2 在单引号字符串的内部，使用单引号，就必须在内部的单引号前面加上反斜杠，用来转义

</>复制代码 
"Did she say "Hello"?"
// "Did she say "Hello"?"

2.3字符串默认只能写在一行内，分成多行将会报错

</>复制代码 
"a
b
c"
// SyntaxError: Unexpected token ILLEGAL

2.4如果长字符串必须分成多行，可以在每一行的尾部使用反斜杠

注意，反斜杠的后面必须是换行符，而不能有其他字符（比如空格），否则会报错。

</>复制代码 
var longString = "Long 
long 
long 
string";
longString
// "Long long long string"

2.5可以用+连接多个单行字符串，将长字符串拆成多行书写

</>复制代码 
var longString = "Long "
  + "long "
  + "long "
  + "string";

2.6 es6新增写法
使用`包裹字符串，就可以实现换行。**这个符号是键盘esc下面那个键**

3、字符串的使用

3.1获取字符串的长度

</>复制代码 
 var str = "hello";
    console.log( str.length );

3.2通过下标获取到字符串某个字符的值

</>复制代码 
 console.log( str[0] );  //h
 console.log( str[str.length - 1]  ); // 0

3.3通过charaAt获取到字符串某个字符的值

</>复制代码 
var str = "hello";
console.log( str.charAt(0) ); // h
console.log( str.charCodeAt(0) ); //输出对应字符的ASCII码

3.4字符串截取
注意截取后，原来的字符串不变

</>复制代码 
 var str = "hello world";
 var sub1 = str.substr(1, 3); // 第一个是开始位置， 第二个是长度  
 var sub2 = str.substring(1, 3); // 第一个是开始位置，第二个是结束位置,str[结束位置]不会被截取进去

3.5用search查找字符串内是否有对应的内容
原来的字符串不变

</>复制代码 
var str = "hello my world";
var s1 = str.search("my");   //6（开始位置） 找不到为-1

3.6 用replace替换字符串的值
原来的字符串不变

</>复制代码 
 var s2 = str.replace("my", "your") //前面是被替换内容，后面是替换内容

3.7改变字符串大小写
字符串操作不会修改原来的字符串

</>复制代码 
var str = "Hello";
    str.toUpperCase(); //HELLO
    str.toLowerCase(); //hello

3.8字符串拼接

两个不同字符串相+

</>复制代码 
var str1="hello"
var str2="world"
str1+str2  //"helloworld"

字符串名和字符串相加

</>复制代码 
var color ="red"
var str="衣服的颜色是"+color //衣服的颜色是red

字符串模板

</>复制代码 
var name = "饥人谷"
var website = "jirengu.com"
var str = `你好， 这里是${name}，${website}，开启你的前端之路`
//"你好， 这里是饥人谷，jirengu.com，开启你的前端之路"

对象就是一组“键值对”（key-value）的集合，是一种无序的复合数据集合。

</>复制代码 
var obj = {
  foo: "Hello",
  bar: "World"
};

该对象内部包含两个键值对

foo是“键名”（成员的名称），字符串Hello是“键值”（成员的值）

两个键值对之间用逗号分隔

对象的每一个键名又称为“属性”（property）

3.1对象的所有键名都是字符串，可以不用打引号

3.2键名如果是数值，会转成字符串

</>复制代码 
var obj = {
  1: "a",
  3.2: "b",
  1e2: true,
  1e-2: true,
  .234: true,
  0xFF: true
};

3.3键名的命名满足标识名的条件，不然就要打上引号

</>复制代码 
var obj = {
  1p: "Hello World"
};
// 不报错
var obj = {
  "1p": "Hello World",
  "h w": "Hello World",
  "p+q": "Hello World"
};

对象的每一个键名又称为“属性”（property），它的“键值”可以是任何数据类型。

4.1属性的值为函数，通常把这个属性称为“方法”，它可以像函数那样调用。

</>复制代码 
var obj = {
  p: function (x) {
    return 2 * x;
  }
};
obj.p(1) // 2

4.2属性的值还是一个对象，就形成了链式引用。

</>复制代码 
var o1 = {};
var o2 = { bar: "hello" };
o1.foo = o2;
o1.foo.bar // "hello"

5.1通过对象名.属性名来获取属性的值

</>复制代码 
var o1 = {};
var o2 = { bar: "hello" };
o1.foo = o2;
**o1.foo.bar** // "hello" 

5.2通过对象名["属性名"]来获取属性的值，注意中括号里面是字符串，所以一定要加引号

</>复制代码 
o1["foo"]
ol[foo]就是错误的，因为浏览器解析时会认为foo是一个变量，找不到这个变量就会报错

如果把一个原始类型（number 字符串 等）的值赋值给变量。那变量这时都是值的拷贝。
如果把对象赋值给变量，我们只是将对象的存储地址指向了变量。

如果不同的变量名指向同一个对象，那么它们都是这个对象的引用，修改其中一个变量，会影响到其他所有变量。

</>复制代码 
var o1 = {};
var o2 = o1;
o1.a = 1;
o2.a // 1
o2.b = 2;
o1.b // 2

JavaScript规定，如果行首是大括号，一律解释为语句（即代码块）。
如果要解释为表达式（即对象），必须在大括号前加上圆括号。

</>复制代码 
eval("{foo: 123}") // 123   这是一个语句，表示一个代码区块，里面有一个标签foo，指向表达式123。
eval("({foo: 123})") // {foo: 123}  这是一个表达式，表示一个包含foo属性的对象

</>复制代码 
{foo:123}.foo 是错误的
({foo：123}).foo //输出的是123

8.1 检查变量是否声明
原理：在浏览器环境，所有全局变量都是window对象的属性。
window.a的含义就是读取window对象的a属性，如果该属性不存在，就返回undefined，并不会报错。

</>复制代码 
if ("a" in window) {
  // 变量 a 声明过
} else {
  // 变量 a 未声明
}

8.2属性的赋值
和读取值一样，有两种方法

</>复制代码 
o.p = "abc";
o["p"] = "abc";

8.3用Object.keys查看所有属性

</>复制代码 
var o = {
  key1: 1,
  key2: 2
};
Object.keys(o);
// ["key1", "key2"]

8.4 delete删除对象的属性

</>复制代码 
var o = {p: 1};
Object.keys(o) // ["p"]
delete o.p // true
o.p // undefined

注意：delete命令不能删除var命令声明的变量，只能用来删除属性。因为var声明的全局变量都是顶层对象的属性，而且默认不得删除。

</>复制代码 
var p = 1;
delete p // false
delete window.p // false

8.5用for...in循环用来遍历对象的全部属性
var obj = {a: 1, b: 2, c: 3};

for (var i in obj) {
console.log(o[i]);
}
// 1
// 2
// 3
i就是定义了一个变量，里面放的就是对象的属性