JavaScript 学习-2.数据类型

Posted 2022-05-18 上海-悠悠

前言

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

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

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

极大或极小的数字可以通过科学（指数）计数法来书写：

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);

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

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

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

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

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

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

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

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

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

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

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

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

Object 对象

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

var obj = 
    user: 'yoyo',
    tel: "123456",
    age: 22,
    like: ["python", 'java'],
    info: 
        "email": "[e-mail]",
        "address": "上海市"
    

console.log(obj);

属性用字符串，一般不需要加引号，对应的值可以是任意类型。Object 对象属性的值也可以是另外一个object，如info 对应的值 "email": "[e-mail]", "address": "上海市"

当使用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;