热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

将对象转换为字符串、数值或布尔类型的方法与技巧

在JavaScript中,对象可以被转换为字符串、数字或布尔值。具体而言,对象转换为字符串时,若对象定义了`toString`方法,则会调用该方法并返回相应结果。大多数情况下,这一过程会自动执行,因为所有对象都继承了`toString`方法。此外,对象转换为数字时,会先尝试将其转换为字符串,再进行数值解析。对于布尔值的转换,非空对象通常会被视为`true`,而空对象则被视为`false`。这些转换规则在实际开发中非常有用,能够帮助开发者更好地处理不同类型的数据。

js中对象可以转化成 字符串、数字、布尔值

一、对象转化成字符串:

规则:

1、如果对象有toString方法,则调用该方法,并返回相应的结果;(代码通常会执行到这,因为在所有对象中都有toString方法)

2、如果对象有valueOf方法,则调用该方法,并返回相应的结果;

3、否则抛出异常。

通常,所有对象toString方法,内置对象都有自己toString实现

alert( {key: 'value'} ) // toString for Objects outputs: [object Object]
alert( [1,2] )          // toString for Arrays lists elements "1,2" 
alert( new Date )       // toString for Dates outputs the date as a string

在界面输出中, 比如 alert() 和 document.write() ,将优先调用 toString,如果过得不到 标量 或 undefined、null ,再尝试 valueOf ,如果仍然返回对象则报错。
其实 parseInt()、 alert()、 document.write() 这些函数的调用中,参数所进行的类型转换,应当视为"被动的" , 是函数的实现方式使之优先调用 toString, 而非数据对象自动调用 toString。

toString()

可以自定义toString()

var obj = {
age:23,
toString:function(){
return this.age;
}
}
obj.toString();//23

二、对象转化成数字


需要转化成数字的两种主要情况:
1、函数里边的参数需要是数字,如: Math.sin(obj) / isNaN(obj) 以及算术运算符: +obj ;

2、用于比较,如:obj == 'John'

PS:下面两种比较不会发生类型转换,

      a)在严格比较(===)中,不会发生任何的类型转换,

      b)在非严格比较中,如果参数都是对象,不会发生类型转换,通常,如果两个对象引用统一对象,则返回true. 

转化成数字的规则:

1、如果对象有valueOf方法,则调用该方法,并返回相应的结果;

 2、当调用valueOf返回的依然不是数字,则会调用对象的toString方法,并返回相应的结果;

 3、否则抛出异常。

对象的valueOf方法返回的是对象本身,而不是字符串(比如数组、函数,它们的valueOf方法是从Object.prototype上继承下来的,默认行为是返回对象本身),所以才会采用toString

对于对象型参与 算术运算和 "==" 运算, 不等于比较元算(> 、<、>=、<=),自动发生数据类型转换,先调用 valueOf ,如果 valueOf 不能返回标量(number、string、boolean) 和 undefined、 null , 将继续调用 toString, 如果仍然返回对象型数据,报错。

Date 类型的例外: 在 + 和 == 运算中,优先 toString ,这应该是规范对该数据类型的特殊对待。

补充:调用valueOf()的结果:

































参数类型  返回结果
Undefined抛出TypeError异常
Null抛出TypeError异常
Number创建一个Number对象,它内部的初始值为传入的参数值
String创建一个String对象,它内部的初始值为传入的参数值
Boolean创建一个Boolean对象,它内部的初始值为传入的参数值
Object对象本身

 

 

 

 

 

 

可以重写对象的valueOf()方法:

var obj = {
valueOf: function(){
return 1;
}
};
console.log(obj == '1');//true

三、对象转化成布尔值:

对象在JS中总是返回true

但是, a == b ,但在布尔上下文中, atrue , bfalse,这是可能的 。

 [] == ![] //true

内部的转化步骤:

1、右边是![],将会被转换成一个布尔值,[]为true,取非为false,此时表达式变成:


[]==false;

2、左边是数组,右边是布尔值,按照规则,将false转换成0,数组也将进行数字转换,转换为0


0 == 0

 3、结果为true

补充:== 和!=判断规则(注意===和!==不会进行类型转换)



  1. 如果有一个操作数是布尔值,则在比较相等性之前先将其转换为数值----false转化为0,true转化为1;

  2. 如果有一个数是字符串,另一个操作数是数值,将字符串转化成数值;

  3. 如果一个操作数是对象,另一个操作数不是对象,将对象转化为基本操作类型(先valueOf()再toString(),均不能得到基本类型的值则会报错),再比较。

 

 

在Javascript中有三个转换,这取决于具体情况:



  1. 字符串输出,使用toString 。

  2. 数字:数学函数,操作符,使用valueOf 后使用 toString 。

  3. 布尔值:根据下表转换。

 

 

 

原始类型和对象类型转换成String:转换成Number转换成Boolean转换成Objectundefined"undefined"NaNfalsethrows TypeErrornull"null"0falsethrows TypeErrortrue"true"1 new Boolean(true)false"false"0 new Boolean(false)"" (empty string) 0falsenew String("");Object("")"1.2" (nonempty, numeric) 1.2truenew String("1.2");Object("1.2")"one" (nonempty, non-numeric) NaNtruenew String("one");Object("one")0"0" falsenew Number(0);Object(0)-0"0" falsenew Number(-0);Object(-0)NaN"undefined" falsenew Number(NaN);Object(NaN)Infinity"Infinity" truenew Number(Infinity);Object(Infinity)-Infinity"-Infinity" truenew Number(-Infinity);Object(-Infinity)1 (finite, non-zero)"1" truenew Number(1);Object(1){} (any object) NaNtrue [] (empty array)""0true [9] (1 numeric elt)"9"9true ['a'] (any other array)use join() methodNaNtrue function(){} (any function"undefined"NaNtrue 


推荐阅读
  • 本文详细介绍了Java中org.neo4j.helpers.collection.Iterators.single()方法的功能、使用场景及代码示例,帮助开发者更好地理解和应用该方法。 ... [详细]
  • Explore a common issue encountered when implementing an OAuth 1.0a API, specifically the inability to encode null objects and how to resolve it. ... [详细]
  • 本文详细介绍了Java中org.eclipse.ui.forms.widgets.ExpandableComposite类的addExpansionListener()方法,并提供了多个实际代码示例,帮助开发者更好地理解和使用该方法。这些示例来源于多个知名开源项目,具有很高的参考价值。 ... [详细]
  • 深入解析Spring Cloud Ribbon负载均衡机制
    本文详细介绍了Spring Cloud中的Ribbon组件如何实现服务调用的负载均衡。通过分析其工作原理、源码结构及配置方式,帮助读者理解Ribbon在分布式系统中的重要作用。 ... [详细]
  • 本文详细介绍了Akka中的BackoffSupervisor机制,探讨其在处理持久化失败和Actor重启时的应用。通过具体示例,展示了如何配置和使用BackoffSupervisor以实现更细粒度的异常处理。 ... [详细]
  • 本文详细介绍了Java编程语言中的核心概念和常见面试问题,包括集合类、数据结构、线程处理、Java虚拟机(JVM)、HTTP协议以及Git操作等方面的内容。通过深入分析每个主题,帮助读者更好地理解Java的关键特性和最佳实践。 ... [详细]
  • 本文详细介绍了如何构建一个高效的UI管理系统,集中处理UI页面的打开、关闭、层级管理和页面跳转等问题。通过UIManager统一管理外部切换逻辑,实现功能逻辑分散化和代码复用,支持多人协作开发。 ... [详细]
  • 本文详细解析了Python中的os和sys模块,介绍了它们的功能、常用方法及其在实际编程中的应用。 ... [详细]
  • 2023年京东Android面试真题解析与经验分享
    本文由一位拥有6年Android开发经验的工程师撰写,详细解析了京东面试中常见的技术问题。涵盖引用传递、Handler机制、ListView优化、多线程控制及ANR处理等核心知识点。 ... [详细]
  • 本文详细介绍如何使用Python进行配置文件的读写操作,涵盖常见的配置文件格式(如INI、JSON、TOML和YAML),并提供具体的代码示例。 ... [详细]
  • 1:有如下一段程序:packagea.b.c;publicclassTest{privatestaticinti0;publicintgetNext(){return ... [详细]
  • 深入理解Cookie与Session会话管理
    本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
  • 本文介绍了如何使用JQuery实现省市二级联动和表单验证。首先,通过change事件监听用户选择的省份,并动态加载对应的城市列表。其次,详细讲解了使用Validation插件进行表单验证的方法,包括内置规则、自定义规则及实时验证功能。 ... [详细]
  • XNA 3.0 游戏编程:从 XML 文件加载数据
    本文介绍如何在 XNA 3.0 游戏项目中从 XML 文件加载数据。我们将探讨如何将 XML 数据序列化为二进制文件,并通过内容管道加载到游戏中。此外,还会涉及自定义类型读取器和写入器的实现。 ... [详细]
  • 本文详细介绍了 Apache Jena 库中的 Txn.executeWrite 方法,通过多个实际代码示例展示了其在不同场景下的应用,帮助开发者更好地理解和使用该方法。 ... [详细]
author-avatar
077是个好姑娘
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有