目录

数据类型

Number, 字符串, 布尔值, null, undefined, 数组, 对象

Number

  • JavaScript 不区分整数和浮点数,统一用 Number 表示

  • NaN : 无法计算结果, Infinity 无限大

  • 1 / 3 === (1 - 2 / 3); false 浮点数的比较

  • Math.abs(1 / 3 - (1 - 2 / 3)) < 0.0000001; true

字符串

var s = "Hello, world!";
s.length; // 13

var s = "Test";
s[0] = "X"; // 下标可以取到 但是不可以改变字符串
alert(s); // s仍然为'Test'

布尔值

false == 0; // true
false === 0; // false
// NaN
NaN === NaN; // false
isNaN(NaN); // true

null

null 表示一个 空 的值,它和 0 以及空字符串''不同,0 是一个数值,''表示长度为 0 的字符串,而 null 表示 空

undefined

JavaScript 的设计者希望用 null 表示一个空的值,而 undefined 表示值未定义。事实证明,这并没有什么卵用,区分两者的意义不大。大多数情况下,我们都应该用 null。undefined 仅仅在判断函数参数是否传递的情况下有用。

数组

var arr = [1, 2, 3.14, "Hello", null, true];
arr[0]; // 返回索引为0的元素,即1
arr[5]; // 返回索引为5的元素,即true
arr[6]; // 索引超出了范围,返回undefined
arr.length; // 6

数组是一组按顺序排列的集合,集合的每个值称为元素。JavaScript 的数组可以包括任意数据类型。

对象

var person = {
  name: "Bob",
  age: 20,
  tags: ["js", "web", "mobile"],
  city: "Beijing",
  hasCar: true,
  zipcode: null
};
person.name; // 'Bob'
person.zipcode; // null

JavaScript 的对象是一组由键-值组成的无序集合

Map 存键值对 (ES6)

var m = new Map([
  ["Michael", 95],
  ["Bob", 75],
  ["Tracy", 85]
]);
m.get("Michael"); // 95

var m = new Map(); // 空Map
m.set("Adam", 67); // 添加新的key-value
m.set("Bob", 59);
m.has("Adam"); // 是否存在key 'Adam': true
m.get("Adam"); // 67
m.delete("Adam"); // 删除key 'Adam'
m.get("Adam"); // undefined

var m = new Map();
m.set("Adam", 67);
m.set("Adam", 88);
m.get("Adam"); // 88

JavaScript 的默认对象表示方式{}可以视为其他语言中的 Map 或 Dictionary 的数据结构,即一组键值对。
但是 JavaScript 的对象有个小问题,就是键必须是字符串。但实际上 Number 或者其他数据类型作为键也是非常合理的。

Set 存键 (ES6)

var s1 = new Set(); // 空Set
var s2 = new Set([1, 2, 3]); // 含1, 2, 3

var s = new Set([1, 2, 3, 3, "3"]);
s; // Set {1, 2, 3, "3"}

s.add(4);
s; // {1, 2, 3, 4}
s.add(4);
s; // {1, 2, 3, 4}

var s = new Set([1, 2, 3]);
s; // Set {1, 2, 3}
s.delete(3);
s; // Set {1, 2}

Set 和 Map 类似,也是一组 key 的集合,但不存储 value

Iterable 循环遍历

var a = ["A", "B", "C"];
var s = new Set(["A", "B", "C"]);
var m = new Map([
  [1, "x"],
  [2, "y"],
  [3, "z"]
]);
for (var x of a) {
  // 遍历Array
  alert(x);
}
for (var x of s) {
  // 遍历Set
  alert(x);
}
for (var x of m) {
  // 遍历Map
  alert(x[0] + "=" + x[1]);
}

var a = ["A", "B", "C"];
a.name = "Hello";
for (var x in a) {
  alert(x); // '0', '1', '2', 'name'
}

// vs

var a = ["A", "B", "C"];
a.name = "Hello";
for (var x of a) {
  alert(x); // 'A', 'B', 'C'
}

var a = ["A", "B", "C"];
a.forEach(function(element, index, array) {
  // element: 指向当前元素的值
  // index: 指向当前索引
  // array: 指向Array对象本身
  alert(element);
});
  • of 用于修复 in 的缺陷

  • a.forEach(function(k,v,f))对每个元素进行操作

字符串属性和方法

constructor    返回创建字符串属性的函数
length    返回字符串的长度
prototype    允许您向对象添加属性和方法

charAt()    返回指定索引位置的字符
charCodeAt()    返回指定索引位置字符的 Unicode 值
concat()    连接两个或多个字符串,返回连接后的字符串
fromCharCode()    将 Unicode 转换为字符串
indexOf()    返回字符串中检索指定字符第一次出现的位置
lastIndexOf()    返回字符串中检索指定字符最后一次出现的位置
localeCompare()    用本地特定的顺序来比较两个字符串
match()    找到一个或多个正则表达式的匹配
replace()    替换与正则表达式匹配的子串
search()    检索与正则表达式相匹配的值
slice()    提取字符串的片断,并在新的字符串中返回被提取的部分
split()    把字符串分割为子字符串数组
substr()    从起始索引号提取字符串中指定数目的字符
substring()    提取字符串中两个指定的索引号之间的字符
toLocaleLowerCase()    根据主机的语言环境把字符串转换为小写
toLocaleUpperCase()    根据主机的语言环境把字符串转换为大写
toLowerCase()    把字符串转换为小写
toString()    返回字符串对象值
toUpperCase()    把字符串转换为大写
trim()    移除字符串首尾空白
valueOf()    返回某个字符串对象的原始值