首页教程Javascript

数据类型

Javascript数据类型

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

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

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

Javascript中,数据类型分为值类型引用类型

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

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

Javascript字符串

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

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

示例:

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

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

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

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

  • 字符串中有单引号

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

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

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

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

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

示例

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

Javascript 数字

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

示例:

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

Javascript 布尔

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

示例:

var a = true var b = false

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

  • null
  • undefined
  • NaN
  • 0 (数字0)
  • 空字符串

Javascript数组

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

使用下标进行使用,如下

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 创建数组

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

示例:

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

2 数组的长度

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

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

3 访问数组元素

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

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

4 遍历数组

数组的遍历有 2 种方式

  1. for 循环
  2. forEach 循环

示例1 : 使用 for循环

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 接收一个函数作为参数,在遍历每一项的时候,这个函数会被调用,同时将当前遍历到的项、当前项的下标(索引)、遍历的数组作为函数参数传递过来。

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 修改数组成员的值

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

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