Javascript数据类型

数据类型，类似生活中的盒子一样，不同的盒子有不同的大小，里面能装的东西也是不同的。

对于计算机而言，不同的数据类型定义的变量，占用的内容空间不一样

比如数值型的类型（number），定义的变量，占用的内存空间是4个字节（一般是4字节，根据不同的平台可能会有差别）

Javascript中，数据类型分为值类型与引用类型

在 ES6 之前，主要有以下数据类型

• 值类型
  1. 字符串
  2. 数字
  3. 布尔
  4. null
  5. undefined
• 引用类型
  1. 对象
  2. 数组
  3. 函数

Javascript字符串

字符串，顾名思义，就是一堆字符组成的一个串

字符串可以是引号中的任意文本。其中引号可以是单引号或者双引号，分别为：'', ""

示例：

copy
var s = "hello,world";
var s1 = 'hello,world';

使用单引号或者双引号都可以

一个小技巧，在字符串输入单引号或者双引号

有时候，字符串里面包含有单引号或者双引号怎么办？

• 字符串中有单引号

  声明字符串的时候，可以使用双引号，如下

  
  copy
  //字符串中包含单引号
  var s = " 'hello' world "
  
  

• 字符串有有双单引号

  声明字符串的时候，可以使用单引号，如下

  
  copy
  //字符串中包含单引号
  var s = 'hello "world" '
  
  

如果字符串中单引号和双引号都包含，可以使用转义 \' , 或者 \"

示例

copy
var s = ' a\'b\'c12\"3\" '
console.log(s)
//输出: a'b'c12"3"

Javascript 数字

Javascript数字只有一种数字类型。数字可以是小数也可以是整数

示例：

copy
var pai = 3.14 //小数
var r = 10 //整数

Javascript 布尔

Javascript 布尔类型只有2个值，true , false ，分别代表真 和假

示例:

copy
var a = true
var b = false

以下值在转换成布尔值的时候会转换成 false。

• null
• undefined
• NaN
• 0 （数字0）
• 空字符串

Javascript数组

数组就是一片连续的可以存放多个值的内存区域

使用下标进行使用，如下

copy
var cars = new Array();
cars[0] = "xiaobai";
cars[1] = 2;
cars[2] = false;

console.log(cars[0], cars[1], cars[2])

从上可知：

1. 数组可以存储多个值
2. 数组中的值可以是多种类型的
3. 数组中的值，使用下标进行引用，从 0 开始

1 创建数组

数组由中括号 [] 包裹，每一项之间用逗号 , 分隔。

示例：

copy
//定义一个数组
var arr = [100, "hello" , true]
//打印数组中的第二个元素
console.log(arr[1])
//输出: "hello"

2 数组的长度

数组的长度可以通过 length 属性获取。

copy
var arr = [1, 2, 3, 4, 5];
console.log(arr.length); //输出 5

3 访问数组元素

数组中有多个元素，通过下标 进行访问，从 0 开始

copy
var arr = ["java", "c++", "go", "php"]
console.log(arr[0]) //输出 java
console.log(arr[3]) //输出 php

4 遍历数组

数组的遍历有 2 种方式

1. for 循环
2. forEach 循环

示例1 ： 使用 for循环

copy
var arr = ["java", "c++", "go", "php"]
for(var i = 0; i < arr.length; i++){
    console.log(arr[i])
}
//输出
java
c++
go
php

示例2：使用 forEach 循环

forEach 是数组原型上的方法，所有数组都具有此方法。

forEach 接收一个函数作为参数，在遍历每一项的时候，这个函数会被调用，同时将当前遍历到的项、当前项的下标（索引)、遍历的数组作为函数参数传递过来。

copy
var arr = ["java","c++","go","php"]
//使用foreach遍历数组
arr.forEach(function (item,index,arr) {
    console.log(index,item) //index数组的下标，item为相应下标对应的数组元素
})
//输出：
0 java
1 c++
2 go
3 php

5 修改数组成员的值

成员的值可以通过数组[下标] = 值的方式进行修改。

copy
var arr = ["java","C++","php"]
console.log(arr[1]);  //输出 c++
arr[1] = "go"
console.log(arr[1]);  //输出 go