JavaScript 学习-2.数据类型

2022-05-13 19:01:26 阅读：114 来源： 互联网

标签：console log JavaScript 数据类型学习 typeof var new Array

前言

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": "123@qq.com",
        "address": "上海市"
    }
}
console.log(obj);

属性用字符串，一般不需要加引号，对应的值可以是任意类型。Object 对象属性的值也可以是另外一个object，如info 对应的值{ "email": "123@qq.com", "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;

标签：console,log,JavaScript,数据类型,学习,typeof,var,new,Array
来源： https://www.cnblogs.com/yoyoketang/p/16267348.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9