찾다
웹 프론트엔드JS 튜토리얼JavaScript 데이터 유형_javascript 기술의 암시적 유형 변환에 대한 간략한 소개

자바스크립트 데이터 유형은 null, 정의되지 않음, 부울, 문자열, 숫자 및 객체의 6가지 유형으로 구분됩니다. object는 참조 유형이고 나머지 5개는 기본 유형 또는 기본 유형입니다. typeof 메소드를 사용하면 어떤 유형에 속하는지 출력할 수 있습니다. 서로 다른 유형의 변수를 비교하려면 먼저 유형을 변환해야 하는데, 이를 유형 변환이라고 합니다. 유형 변환을 암시적 변환이라고도 합니다. 암시적 변환은 일반적으로 덧셈, 뺄셈, 곱셈, 나눗셈, 같음, 작음, 큼 등의 연산자를 사용하여 발생합니다. .

typeof '11' //string    
typeof(11)  //number
'11' < 4   //false

이 장에서는 JavaScript의 암시적 데이터 유형 변환을 별도로 소개합니다. 이를 잘 이해하면 실제 애플리케이션에서 많은 작업을 단순화할 수 있습니다.

다음 코드 예제를 참조하세요.

var arr = [5];
console.log(arr+"");

위 코드는 암시적으로 배열을 문자열로 변환하는 연산입니다.

var arr = [5];
console.log(arr.toString());

위와 같은 암시적 데이터 유형 변환은 실제 코딩에서 널리 사용됩니다.

1. 값 유형 간 데이터 유형 변환:

JavaScript의 데이터 유형에 대해서는 "JavaScript 데이터 유형에 대한 자세한 설명" 장을 참조하세요.

(1) 숫자와 문자열은 연산자를 사용합니다:

연산자를 사용하여 숫자와 문자열에 연산을 수행하는 경우 숫자가 먼저 문자열로 변환된 다음 문자열 연결 연산이 수행됩니다.

var antzone = "antzone";
var num = 8;
console.log(antzone+num);

(2) 부울 값과 관련된 연산자 연산:

부울 유형이 포함된 경우 부울 값을 먼저 해당 숫자 또는 문자열로 변환한 후 해당 문자열 연결 또는 산술 연산을 수행합니다.

var bool = true;
var num = 8;
console.log(bool + num);

위 코드는 먼저 true를 숫자 1로 변환한 후 산술 덧셈을 수행합니다.

var bool = true;
var num = "8";
console.log(bool + num);

위의 부울 값은 해당 문자열 형식 "true"로 변환된 후 문자열 연결이 수행됩니다.

(3) 빼기 연산:

뺄셈 연산을 수행하면 두 피연산자가 먼저 숫자로 변환된 후 산술 연산이 수행됩니다.

var bool = true;
var num = "8";
console.log(bool - num);

true는 숫자 1로 변환되고, 문자열 "8"은 숫자 8로 변환된 후 산술 연산이 수행됩니다.

곱셈, 나눗셈, 보다 큼, 보다 작음, 뺄셈의 변환에도 동일하게 적용되므로 더 이상 예제를 제공하지 않겠습니다.

(4).==평등 연산:

정의되지 않음과 null은 둘 다 == 연산자를 사용하여 true를 반환합니다.

console.log(undefined==null);

다른 값 유형을 비교할 때 피연산자는 숫자로 변환됩니다

console.log("3"==3);

위 코드는 문자열 "3"을 숫자로 변환한 후 비교합니다.

console.log("1"==true);

위 코드는 "1"과 true를 각각 숫자로 변환한 후 비교합니다.

2. 참조 유형을 값 유형으로 변환:

참조 유형(객체)을 값 유형으로 변환하는 것은 훨씬 더 복잡합니다. 분포는 아래에 소개되어 있습니다.

객체 상속의 두 가지 방법은 객체에서 값 유형으로의 변환 기능을 실현하는 데 도움이 될 수 있습니다.

(1).toString() 메서드.

(2).valueOf() 메서드.

일반적으로 객체를 문자열로 변환하려면 toString() 메서드를 호출하고, 객체를 숫자로 변환하려면 valueOf() 메서드를 호출하면 된다고 생각하는데, 그렇지 않습니다. 실제로 적용하면 간단합니다. 다음 코드 예제를 참조하세요.

var obj = {
 webName: "脚本之家",
 url:"softwhy.com"
}
console.log(obj.toString());

위 코드에서 볼 수 있듯이 toString() 메서드는 객체를 이 객체를 반영하는 문자열로 변환하지 않습니다.

var arr = [1, 2, 3];
console.log(arr.valueOf());

위 코드에서 볼 수 있듯이 valueOf() 메소드는 객체를 이 객체를 반영하는 숫자로 변환하지 않습니다.

var arr = [1, 2, 3];
console.log(arr.toString());

数组对象的toString()方法能够将数组转换为能够反映此数组对象的字符串。

总结如下:

(1).有些对象只是简单继承了toString()或者valueOf()方法,比如第一个例子。
(2).有些对象则不但是继承了两个方法,而且还进行了重写。

所以有些对象的方法能够达成转换成字符串或者数字的目标,有些则不能。

调用toString()或者valueOf()将对象转换成字符串或者数字的规则如下:

调用toString()时,如果对象具有这个方法,则调用此方法;如果此方法返回一个值类型数据,那么就返回这个值类型数据,然后再根据所处的上下文环境进行相关数据类型转换。如果没有toString(),或者此方法返回值并不是一个值类型数据,那么就会调用valueOf()(如果此方法存在的话),如果valueOf()返回一个值类型数据,那么再根据所处的上下文环境进行相关的数据类型转换。

进一步说明:

(1).上面介绍了通常默认情况下valueOf()和toString()方法的作用(将对象转换为数字或者字符串),但是需要注意的是,这并不是硬性规定,也就是说并不是valueOf()方法必须要返回数字或者toString()方法必须要转换为字符串,比如简单继承的这两个方法就无法进行实现转换为数字和字符串的功能,再比如,我们可以自己称谢这两个方法,返回值也没有必要是数字或者字符串。

(2).还有需要特别注意的一点就是,很多朋友认为,转换为字符串首先要调用toString()方法, 其实这是错误的认识,我们应该这么理解,调用toString()方法可以转换为字符串,但不一定转换字符串就是首先调用toString()方法。

看如下代码实例:

var arr = [];
arr.valueOf = function () { return "1"; }
arr.toString = function () { return "2"; }
console.log(arr + "1");

上面的代码中,arr是要被转换为字符串的,但是很明显是调用的valueOf()方法,而没有调用toString()方法。有些朋友可能会有这样的质疑,难道[2]这样的数字转换成字符串"2",不是调用的toString()方法吗。

代码如下:

var arr = [2];
console.log(arr + "1");

其实过程是这样的,首先arr会首先调用valueOf()方法,但是数字的此方法是简单继承而来,并没有重写(当然这个重写不是我们实现),返回值是数组对象本身,并不是一个值类型,所以就转而调用toString()方法,于是就实现了转换为字符串的目的。

总结如下:

大多数对象隐式转换为值类型都是首先尝试调用valueOf()方法。但是Date对象是个例外,此对象的valueOf()和toString()方法都经过精心重写,默认是调用toString()方法,比如使用+运算符,如果在其他算数运算环境中,则会转而调用valueOf()方法。

代码实例如下:

var date = new Date();
console.log(date + "1");
console.log(date + 1);
console.log(date - 1);
console.log(date * 1);

以上内容是小编给大家介绍的JavaScript数据类型之隐式类型转换的全部内容,希望大家喜欢。

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
mysql存在哪些隐式类型转换mysql存在哪些隐式类型转换Nov 14, 2023 am 11:28 AM

mysql存在的隐式类型转换有字符串到数值类型、日期和时间类型、浮点数和整数类型、NULL值等。详细介绍:1、字符串到数值类型的隐式类型转换,当一个字符串和一个数值类型的值进行比较或计算时,MySQL会将字符串转换为数值类型;2、日期和时间类型的隐式类型转换,在MySQL中,日期和时间类型也可以与其他数据类型进行隐式类型转换;3、浮点数和整数类型的隐式类型转换等等。

C语言中的隐式类型转换和显式类型转换是什么?C语言中的隐式类型转换和显式类型转换是什么?Sep 08, 2023 pm 10:13 PM

将一种数据类型转换为另一种数据类型称为类型转换。隐式类型转换显式类型转换隐式类型转换当操作数具有不同数据类型时,编译器提供隐式类型转换。它是由编译器通过将较小的数据类型转换为较大的数据类型自动完成的。inti,x;floatf;doubled;longintl;这里,上面的表达式最终计算结果为“double”值。示例以下是隐式类型转换的示例-intx;for(x=97;x<=122;x++){&nbsp;&nbsp;printf("%c",x);/*Im

C++ 函数默认参数与可变参数的优缺点比较C++ 函数默认参数与可变参数的优缺点比较Apr 21, 2024 am 10:21 AM

C++函数中默认参数的优点包括简化调用、增强可读性、避免错误。缺点是限制灵活性、命名限制。可变参数的优点包括无限灵活性、动态绑定。缺点包括复杂性更高、隐式类型转换、调试困难。

golang函数的类型转换golang函数的类型转换Apr 19, 2024 pm 05:33 PM

函数中类型转换允许将一种类型的数据转换为另一种类型,从而扩展函数的功能。使用语法:type_name:=variable.(type)。例如,可使用strconv.Atoi函数将字符串转换为数字,并处理转换失败的错误。

隐式类型转换:类型的不同变体及其在编程中的应用探究隐式类型转换:类型的不同变体及其在编程中的应用探究Jan 13, 2024 pm 02:54 PM

探索隐式类型转换的不同类型及其在编程中的作用引言:在编程中,我们经常需要处理不同类型的数据。有时候,我们需要将一种数据类型转换为另一种类型以便进行特定操作或满足特定要求。在这个过程中,隐式类型转换是一个非常重要的概念。隐式类型转换指的是在不需要显式指定转换类型的情况下,编程语言会自动进行数据类型转换的过程。本文将探索隐式类型转换的不同类型及其在编程中的作用,

Go语言中的静态类型详解Go语言中的静态类型详解Apr 07, 2024 pm 05:42 PM

Go语言采用静态类型,在编译时进行类型检查,避免运行时类型错误。基本类型包括整型、浮点型、布尔型、字符串和字节切片。复合类型包括数组、切片、结构体、接口和通道。Go语言支持类型推断和多种类型转换操作符。类型别名便于代码的可读性和可维护性。静态类型带来安全性、性能和可维护性优势。

mysql索引失效的几种情况mysql索引失效的几种情况Feb 21, 2024 pm 04:23 PM

常见情况:1、使用函数或运算;2、隐式类型转换;3、使用不等于(!=或<>);4、使用LIKE操作符,并以通配符开头;5、OR条件;6、NULL值;7、索引选择性低;8、复合索引的最左前缀原则;9、优化器决策;10、FORCE INDEX和IGNORE INDEX。

c语言中int和float有什么区别c语言中int和float有什么区别Apr 29, 2024 pm 10:12 PM

C 语言中 int 和 float 变量的差别在于:类型不同:int 用于存储整数,而 float 用于存储小数。存储大小:int 通常占用 4 个字节,而 float 也占用 4 个字节。精度:int 表示精确的整数,而 float 的精度有限。范围:int 的范围通常为 -2^31 到 2^31-1,而 float 的范围更宽。运算:int 和 float 可以进行算术运算和比较,但结果可能受到精度限制的影响。类型转换:int 和 float 之间可以进行显式或隐式类型转换。

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

에디트플러스 중국어 크랙 버전

에디트플러스 중국어 크랙 버전

작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

SublimeText3 영어 버전

SublimeText3 영어 버전

권장 사항: Win 버전, 코드 프롬프트 지원!

ZendStudio 13.5.1 맥

ZendStudio 13.5.1 맥

강력한 PHP 통합 개발 환경