JavaScript数据类型

简介: JavaScript数据类型

在JavaScript中有几种基础数据类型,也可以通过这几种基础数据类型来构成复杂一些的数据类型。


一、字符串类型



字符串类型(string):由双引号或单引号构成的数据类型,如:”aaa”,’bbb’

数据转换


string" class="reference-link" style="color: rgb(31, 26, 23);">1.number -> string



1.构造函数转换

  • console.log(String(123456789));
  • console.log(newString(123456789).valueOf());


2.内部js引擎转换

  • console.log(typeof ("" + 123456));


输出结果:string

3.toString()

  • console.log(typeof (123456).toString());
  • console.log(typeof 123456..toString());


输出结果:string

2.boolean -> string

1.构造函数转换

  • console.log(typeofString(false));


输出结果:string

3.object -> string

  • var o = {
  •    k1:"v1",
  •    k2:333
  • }
  • console.log(JSON.stringify(o));


输出结果:{"k1":"v1","k2":333}


二、数字类型



数字类型(number):分为整数(如:12,15)和浮点数(如:12.5)

数据转换


number" class="reference-link" style="color: rgb(31, 26, 23);">string -> number



1.构造函数转换

  • console.log(Number("123")); // 123
  • console.log(typeofNumber("123")); // number


2.通过parseInt,parseFloat方式

  • console.log(parseInt("332255"), parseFloat("8899.322"));


输出结果:332255 8899.322

构造函数转换与parseInt区别

  • console.log(Number(""), parseInt(""));


输出结果:0 NaN,说明构造函数将空的字符串转换成零,而parseInt则将空字符串当作不存在。

  • console.log(Number(false), parseInt(false));
  • console.log(Number(null), parseInt(null));
  • console.log(Number(undefined), parseInt(undefined));


输出结果前两个都是:0 NaN,第三个输出:NaN NaN


三、布尔类型



布尔类型(boolean)只有两个值,分别为true和false

数据转换


boolean" class="reference-link" style="color: rgb(31, 26, 23);">1.string -> boolean



1.引擎的转换

  • var s = "";
  • // 这里会把s空的字符串("")转换成false
  • // 更类似于重新在内部创建了一个变量,把s变成false;var s2 = false;
  • if(s) {
  •    console.log("true");
  • }else{
  •    console.log("false")
  • }


运行结果:false

2.构造函数的转换

  • var s = "";
  • console.log(newBoolean(s));


输出结果:[Boolean: false]

3.!!操作

  • var s = "";
  • console.log(!!s);


输出结果:false


boolean" class="reference-link" style="color: rgb(31, 26, 23);">2.number -> boolean



1.引擎的转换

  • var s = 0;
  • if(s) { // 0 -> false
  •    console.log("true");
  • }else{
  •    console.log("false")
  • }


输出结果:false

2.构造函数转换

  • var s = 0;
  • console.log(newBoolean(s));


输出结果:[Boolean: false]

3.!!操作

  • var s = 0;
  • console.log(!!s);


输出结果:false


四、特殊类型



特殊类型:常见的有null表示空;undefined表示未定义类型,未赋值类型;object类型,其它自定义类型都继承自object类型,它内部还有一些object类,比如:Array,function

  • let o1 = null;
  • console.log(o1); // null
  • let me;
  • console.log(me); // undefined



五、类型判断



可以通过一个命令(typeof)测试出一个数据的类型

  • typeof"fdsafdsa"// string
  • typeof15// number
  • typeoffalse// boolean
  • typeofundefined// undefined
  • typeof abc // undefined
  • typeof {name: "张三"} // object
  • typeofnull// object
  • typeoffunction(){} // function


示例

  • functionadd(a,b) {
  •    if(typeof a === "number" && typeof b === "number") {
  •        console.log(a+b);
  •    }else{
  •        console.log("a和b必须是number类型")
  •    }
  • }
  • add(12,8);


这里使用typeof判断,a和b都是数字类型的时候才会相加,否则输出a和b必须是number类型。


六、数据基础类型和对象的类型




1.数据基础类型(纯粹的数据)


  • 12// number
  • "abc"// string
  • false// boolean
  • true// boolean
  • null
  • undefined



2.对象的类型



在编程当中,所有的对象都具备属性和方法;而纯粹的数据是不具备属性和方法的;

  • console.log(); // 其中console是本身的对象,log是对象的方法
  • var o = newNumber(12); // 有类型的对象,类型是Number

  • var o2 = newString("abc"); // 数据:"abc" 类型:String   "abc" + String = 字符串对象
目录
相关文章
|
存储 JavaScript 对象存储
js检测数据类型有那些方法
js检测数据类型有那些方法
335 59
|
12月前
|
存储 JavaScript 前端开发
JavaScript中的数据类型以及存储上的差别
通过本文的介绍,希望您能够深入理解JavaScript中的数据类型及其存储差别,并在实际编程中灵活运用这些知识,以提高代码的性能和稳定性。
273 3
|
存储 JavaScript 前端开发
js中的数据类型
JavaScript 中的数据类型包括五种基本类型(String、Number、Undefined、Boolean、Null)和三种引用类型(Object、Array、Function,以及ES6新增的Symbol)。基本类型直接存储值,引用类型存储的是指向实际数据的内存地址。了解它们的区别对于掌握 JavaScript 的变量赋值和函数传参至关重要。
305 1
|
JavaScript 前端开发
JavaScript基础知识-基本数据类型和引用数据类型
关于JavaScript基础知识的文章,主要介绍了基本数据类型和引用数据类型。
139 2
JavaScript基础知识-基本数据类型和引用数据类型
|
存储 JavaScript 前端开发
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
JavaScript 数据类型分为基本数据类型和引用数据类型。基本数据类型(如 string、number 等)具有不可变性,按值访问,存储在栈内存中。引用数据类型(如 Object、Array 等)存储在堆内存中,按引用访问,值是可变的。本文深入探讨了这两种数据类型的特性、存储方式、以及检测数据类型的两种常用方法——typeof 和 instanceof,帮助开发者更好地理解 JavaScript 内存模型和类型检测机制。
475 0
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
|
JavaScript 前端开发 开发者
【干货拿走】JavaScript中最全的数据类型判断方法!!!!
【干货拿走】JavaScript中最全的数据类型判断方法!!!!
512 1
|
JavaScript 前端开发
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
这篇文章是JavaScript基础与实战教程的第一部分,涵盖了JavaScript的基本语法、标识符、数据类型以及如何进行强制类型转换,通过代码示例介绍了JS的输出语句、编写位置和数据类型转换方法。
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
|
存储 前端开发 JavaScript
前端基础(三)_JavaScript数据类型(基本数据类型、复杂数据类型)
本文详细介绍了JavaScript中的数据类型,包括基本数据类型(Number、String、Boolean、Undefined、Null)和复杂数据类型(Object),并解释了如何使用`typeof`操作符来识别变量的数据类型。同时,还讨论了对象、函数和数组等复杂数据类型的使用方式。
874 2
|
存储 JavaScript 前端开发
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
391 0
|
开发者 图形学 开发工具
Unity编辑器神级扩展攻略:从批量操作到定制Inspector界面,手把手教你编写高效开发工具,解锁编辑器隐藏潜能
【8月更文挑战第31天】Unity是一款强大的游戏开发引擎,支持多平台发布与高度可定制的编辑器环境。通过自定义编辑器工具,开发者能显著提升工作效率。本文介绍如何使用C#脚本扩展Unity编辑器功能,包括批量调整游戏对象位置、创建自定义Inspector界面及项目统计窗口等实用工具,并提供具体示例代码。理解并应用这些技巧,可大幅优化开发流程,提高生产力。
1215 1