0
点赞
收藏
分享

微信扫一扫

JavaScript 学习-2.数据类型

前言

JavaScript 数据类型可以分为基本类型和对象类型两大类

  • 基本类型:字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)、Symbol。
  • 对象类型:对象(Object)、数组(Array)、函数(Function),还有两个特殊的对象:正则(RegExp)和日期(Date)。

typeof 查看数据类型

变量的数据类型可以使用 ​​typeof​​ 操作符查看

console.log(typeof "yoyo");     //  string
console.log(typeof false); // boolean
console.log(typeof 5); // number
console.log(typeof 5.2); // number
console.log(typeof [1, 2, 3, 4]); // object
console.log(typeof {user:'yoyo', age: 20}); // object

可以通过var 先定义变量,再使用 ​​typeof​​ 操作符查看

var a;
var b = 'yoyo';
var c = 5;
var d = 5.2;
var e = [1, 2, 3, 4];
var f = {name:'John', age:34};
console.log(typeof a); // undefined
console.log(typeof b); // boolean
console.log(typeof c); // number
console.log(typeof d); // number
console.log(typeof e); // object
console.log(typeof f); // object

JavaScript 学习-2.数据类型_数组

Undefined 和 Null

当我们定义了一个变量,未赋值,那么此时就是undefined

var a;
console.log(typeof a); // undefined

当我定义了一个变量并给初始值,此时就可以用 null 来清空变量

var x = 'hello';
console.log(x); // hello
console.log(typeof x); // string
x = null;
console.log(x); // null
console.log(typeof x); // object

JavaScript 学习-2.数据类型_数据类型_02

String 字符串

字符串类型比较简单,加引号就是字符串(单引号和双引号都可以)

var x = 'hello';
var y = "world";

如果需要输出带引号的字符串,可以用单双交替的方式

var z = 'you say: "hello world."';
console.log(z);

或者我们可以用转义字符

var a = "you say: \"hello world.\"";
console.log(a);

Number 数字类型

JavaScript 不分浮点数和整数,只有一种Number 数据类型

小数点后面带​​.0​​​ 这种和不带小数点,都是一个结果,会自动去掉后面的​​.0​

var a = 12.00;
var b = 12;
var c = 12.34;
console.log(a); // 12
console.log(b); // 12
console.log(c); // 12.34

JavaScript 学习-2.数据类型_JavaScript_03

极大或极小的数字可以通过科学(指数)计数法来书写:

var x = 12e5;      // 1200000
var y = 12e-5; // 0.0012

Boolean 布尔值

布尔值定义使用小写的​​true​​​ 和 ​​false​

var x = true;
var y = false;

Array 数组

可以直接使用中括号定义一个数组, 数组里面的成员可以是任意类型

var x = ['hello', 'world', true, 22.2, [1, 2,3 ]];
console.log(x);

JavaScript 学习-2.数据类型_JavaScript_04

定义一个空数组,可以用​​[]​

var x = [];
console.log(x); // []

也可以使用​​new Array()​​ 来创建一个数组对象

var a = new Array();
console.log(a);

那么此时定义的是一个空数组

JavaScript 学习-2.数据类型_字符串_05

通过数组下标给数组添加成员

var a = new Array();
console.log(a); // []
a[0] = 'hello';
a[1] = 'world';
a[2] = true;
console.log(a) // ['hello', 'world', true]

JavaScript 学习-2.数据类型_数组_06

可以直接在​​new Array()​​ 对象的时候,同时给数组添加成员

var a = new Array('hello', 'world', true, 22.2, [1, 2,3 ]);
console.log(a) // ['hello', 'world', true, 22.2, Array(3)];

JavaScript 学习-2.数据类型_数组_07

我们可以定义一个指定长度的数组对象

var cars=new Array(3);
console.log(cars);

那么这个数组是长度length属性是3,每个成员都是empty(空).

JavaScript 学习-2.数据类型_JavaScript_08

Object 对象

对象用大括号。在括号内部,对象的属性和值以键值对(key: value) 来定义。多个属性直接用逗号隔开

var obj = {
user: 'yoyo',
tel: "123456",
age: 22,
like: ["python", 'java'],
info: {
"email": "123@qq.com",
"address": "上海市"
}
}
console.log(obj);

属性用字符串,一般不需要加引号,对应的值可以是任意类型。Object 对象属性的值也可以是另外一个object,如info 对应的值​​{ "email": "123@qq.com", "address": "上海市"}​

JavaScript 学习-2.数据类型_数组_09

当使用​​console.log()​​ 输出的时候,发现是按属性的首字母a-z输出的。

也可以使用​​new Object​​ 创建对象

var person = new Object;
console.log(person);

// 添加属性
person.user = 'yoyo';
person.age = 22;
console.log(person);

new 声明变量类型

var 在声明一个变量的时候,可以是任意类型

var x;

可以在声明变量的时候,使用new 声明具体的数据类型变量。

var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;


举报

相关推荐

0 条评论