js基础之数据类型

严格模式

启用strict模式的方法是在JavaScript代码的第一行写上：

'use strict';

严格模式是为了防止没有使用var声明的变量变成全局变量

数据类型
js一共有7种数据类型，三种基本数据类型：数值，字符串，布尔，两种派生数据类型：数组，对象，两种特殊数据类型：undefined，null

数值
数值类型共有以下几种：整数、浮点数、负数、NaN、Infinity

其中NaN表示 not a number，无法计算结果用NaN表示，例：0/0 结果是NaN

Infinity表示无穷大，当数值超过js的Number所能表示的最大值时，就表示为Infinity。例如以0为分子：3/0

字符串
用单引号或者双引号包括起来的字符表示就是字符串。

1. 字符串转义
   字符串可以用转义字符\来标识
   ASCII字符可以以\x##形式的十六进制表示
   还可以用\u####表示一个Unicode字符
2. 多行字符串
   除了使用换行符，可以使用反引号将字符括起来。例：
   `多行
   字符串`
3. 字符串拼接
   使用 “+”号
   var name = ‘小明’;
   var age = 20;
   var message = '你好, ’ + name + ‘, 你今年’ + age + ‘岁了!’;
   alert(message);
4. 使用变量替换字符串
   使用反引号 `：
   var name = ‘小明’;
   var age = 20;
   var message = `你好, ${name}, 你今年${age}岁了!`;
   alert(message);
5. 获取字符串某个指定位置的字符
   var s = ‘Hello, world!’;
   s[0]; // ‘H’
   s[6]; // ’ ’
   s[7]; // ‘w’
   s[12]; // ‘!’
   s[13]; // undefined 超出范围的索引不会报错，但一律返回undefined
6. 字符串转大小写
   var s = ‘Hello’;
   s.toUpperCase(); // 返回’HELLO’
   var s = ‘Hello’;
   s.toLowerCase(); // 返回’hello’
7. 搜索指定字符串
   var s = ‘hello, world’;
   s.indexOf(‘world’); // 返回7
   s.indexOf(‘World’); // 没有找到指定的子串，返回-1
8. 截取字符串
   var s = ‘hello, world’
   s.substring(0, 5); // 从索引0开始到5（不包括5），返回’hello’
   s.substring(7); // 从索引7开始到结束，返回’world’

布尔
有true、false两种值。一般用来做判断

null和undefined
null表示一个空的值，而undefined表示值未定义。

数组
数组是一组按顺序排列的集合，集合的每个值称为元素。js的数组可以包含任意数据类型，并通过索引来访问每个元素。

1. 获取数组长度
   var arr = [1, 2, 3.14, ‘Hello’, null, true];
   arr.length; // 6
   请注意，直接给Array的length赋一个新的值会导致Array大小的变化：

   var arr = [1, 2, 3];
   arr.length; // 3
   arr.length = 6;
   arr; // arr变为[1, 2, 3, undefined, undefined, undefined]
   arr.length = 2;
   arr; // arr变为[1, 2]
   

2. 数组赋值
   Array可以通过索引把对应的元素修改为新的值，因此，对Array的索引进行赋值会直接修改这个Array

   var arr = ['A', 'B', 'C'];
   arr[1] = 99;
   arr; // arr现在变为['A', 99, 'C']
   请注意，如果通过索引赋值时，索引超过了范围，同样会引起Array大小的变化：
   var arr = [1, 2, 3];
   arr[5] = 'x';
   arr; // arr变为[1, 2, 3, undefined, undefined, 'x']
   

3. 获取元素索引

   var arr = [10, 20, '30', 'xyz'];
   arr.indexOf(10); // 元素10的索引为0
   arr.indexOf(20); // 元素20的索引为1
   arr.indexOf(30); // 元素30没有找到，返回-1
   arr.indexOf('30'); // 元素'30'的索引为2
   

4. 截取数组

   var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];
   arr.slice(0, 3); // 从索引0开始，到索引3结束，但不包括索引3: ['A', 'B', 'C']
   arr.slice(3); // 从索引3开始到结束: ['D', 'E', 'F', 'G']
   

   slice()的起止参数包括开始索引，不包括结束索引。
   如果不传任何参数，则可以复制一个数组

   var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];
   var aCopy = arr.slice();
   aCopy; // ['A', 'B', 'C', 'D', 'E', 'F', 'G']
   aCopy === arr; // false
   

5. push 和 pop

   push()向Array的末尾添加若干元素，pop()则把Array的最后一个元素删除掉：
   var arr = [1, 2];
   arr.push('A', 'B'); // 返回Array新的长度: 4
   arr; // [1, 2, 'A', 'B']
   arr.pop(); // pop()返回'B'
   arr; // [1, 2, 'A']
   arr.pop(); arr.pop(); arr.pop(); // 连续pop 3次
   arr; // []
   arr.pop(); // 空数组继续pop不会报错，而是返回undefined
   arr; // []
   

6. unshift 和 shift
   如果要往Array的头部添加若干元素，使用unshift()方法，shift()方法则把Array的第一个元素删掉：

   var arr = [1, 2];
   arr.unshift('A', 'B'); // 返回Array新的长度: 4
   arr; // ['A', 'B', 1, 2]
   arr.shift(); // 'A'
   arr; // ['B', 1, 2]
   arr.shift(); arr.shift(); arr.shift(); // 连续shift 3次
   arr; // []
   arr.shift(); // 空数组继续shift不会报错，而是返回undefined
   arr; // []
   

7. 数组排序
   sort()可以对当前Array进行排序，它会直接修改当前Array的元素位置，直接调用时，按照默认顺序排序：

   var arr = ['B', 'C', 'A'];
   arr.sort();
   arr; // ['A', 'B', 'C']
   

8. 数组反转

   var arr = ['one', 'two', 'three'];
   arr.reverse(); 
   arr; // ['three', 'two', 'one']
   

9. 删除数组元素
   splice()方法可以从指定的索引开始删除若干元素，然后再从该位置添加若干元素：

   var arr = ['Microsoft', 'Apple', 'Yahoo', 'AOL', 'Excite', 'Oracle'];
   // 从索引2开始删除3个元素,然后再添加两个元素:
   arr.splice(2, 3, 'Google', 'Facebook'); // 返回删除的元素 ['Yahoo', 'AOL', 'Excite']
   arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']
   // 只删除,不添加:
   arr.splice(2, 2); // ['Google', 'Facebook']
   arr; // ['Microsoft', 'Apple', 'Oracle']
   // 只添加,不删除:
   arr.splice(2, 0, 'Google', 'Facebook'); // 返回[],因为没有删除任何元素
   arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']
   

10. 合并数组

    var arr = ['A', 'B', 'C'];
    var added = arr.concat([1, 2, 3]);
    added; // ['A', 'B', 'C', 1, 2, 3]
    arr; // ['A', 'B', 'C']
    

11. 将数组变成字符串

    var arr = ['A', 'B', 'C', 1, 2, 3];
    arr.join('-'); // 'A-B-C-1-2-3'
    

对象
对象是一组由键-值组成的无序集合。js对象的键都是字符串类型，值可以是任意数据类型。
访问属性是通过.操作符完成的，但这要求属性名必须是一个有效的变量名。如果属性名（键）包含特殊字符，就必须用 ’ ’ 括起来：

var xiaohong = {
    name: '小红',
    'middle-school': 'No.1 Middle School'
};

xiaohong的属性名middle-school不是一个有效的变量，就需要用’'括起来。访问这个属性也无法使用.操作符，必须用[‘xxx’]来访问：

xiaohong[‘middle-school’]; // ‘No.1 Middle School’
xiaohong[‘name’]; // ‘小红’
xiaohong.name; // ‘小红’
访问一个不存在的属性 则会返回undefined

1. 为对象增加属性

var xiaoming = {
    name: '小明'
};
xiaoming.age = 18;

2. 删除属性

delete xiaoming.age

3. 检测属性

'name' in xiaoming; // true

注意：如果in判断一个属性存在，这个属性不一定是xiaoming的，它可能是xiaoming继承得到的

'toString' in xiaoming; // true

要判断一个属性是否是xiaoming自身拥有的，而不是继承得到的，可以用hasOwnProperty()方法：

var xiaoming = {
    name: '小明'
};
xiaoming.hasOwnProperty('name'); // true
xiaoming.hasOwnProperty('toString'); // false