목차
Undefined和Null
Boolean
정의되지 않음 및 Null
Number
数值范围
数值转换 Number(), parseInt()和parseFloat()
String
字符字面量
转换为字符串 toString()和String()
Object
웹 프론트엔드 프런트엔드 Q&A Javascript 데이터 유형에 포함되지 않는 것

Javascript 데이터 유형에 포함되지 않는 것

Jul 03, 2021 am 09:29 AM
javascript

Javascript의 데이터 유형에는 기호가 포함되지 않습니다. JavaScript에는 정의되지 않음, Null, Boolean, Number, String 및 Object의 6가지 데이터 유형이 있습니다.

Javascript 데이터 유형에 포함되지 않는 것

이 문서의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

Javascript의 데이터 유형에는 무엇이 포함되지 않나요?

이 문서에서는 (Advanced JavaScript 프로그래밍(3판))

JavaScript에는 6가지 데이터 유형(Symbol 제외)을 기반으로 하는 JavaScript(Symbol 제외)의 6가지 주요 데이터 유형이 요약되어 있습니다.

——정의되지 않음, Null, 부울, 숫자, 문자열 객체

UndefinedNullBooleanNumberStringObject

ES6中有7种, 多了一种数据类型Symbol, 本文不涉及.

Undefined表示未定义,Null表示空,Boolean表示布尔值,Number表示数值,String表示字符串。
通常我们可以用typeof操作符来检测变量的数据类型。

注意typeof是操作符!操作符!操作符!

typeof操作符应用一下规则:

  • "undefined"——这个值是未定义的。
  • "boolean"——这个值是布尔值
  • "string"——这个值是字符串
  • "number"——这个值是数值
  • "object"——这个值是对象或Null
  • "function"——这个值是函数

例如字符串 str="我是String类型":

<p style="line-height: normal;">console.log(typeof str) //"string" 注意typeof操作符的返回的结果是字符串<br/></p>
로그인 후 복사

对于typeof操作符, 还有一点诡异的地方,那就是:
1. typeof对null返回"object"
2. typeof对未声明的变量返回"undefined"
3. typeof对声明而未初始化的变量也返回"undefined"

var s = null
console.log(typeof s) //"object"
console.log(typeof a) //"undefined", 注意变量a未声明
var b;
console.log(typeof b) //"undefined", 注意变量b声明但未初始化
로그인 후 복사

因为typeof的诡异特性,且我们还需进步知道变量的具体信息,我们常用instanceof来确定变量的数据类型。

Undefined和Null

UndefinedNull类型只有一个值,那分别是undefinednull
对于undefined来说,需要记住下面两点:

  1. 已声明但未初始化的变量值为undefined(参考上面代码)
  2. undefinednull相等
console.log(undefined == null) //true
로그인 후 복사

对于null来说,需要记住两点:

  1. typeof null 返回"object",从逻辑上看,null为object的引用(示例见typeof
  2. undefinednull相等

Boolean

Boolean类型有两个值——truefalse
任何数据可以调用布尔函数Boolean()

ES6에는 7가지 유형이 있으며, 이 기사에서는 다루지 않는 추가 데이터 유형인 Symbol이 있습니다.정의되지 않음은 정의되지 않음, < code>Null은 비어 있음을 의미하고, Boolean은 부울 값을 나타내고, Number는 숫자 값을 나타내고, String은 문자열을 나타냅니다. typeof는 연산자라는 점에 유의하세요! 연산자! 연산자! typeof 연산자는 다음 규칙을 적용합니다.
  • "unjust" - 이 값은 정의되지 않습니다.
  • "boolean"——이 값은 부울 값입니다.
  • "string"——이 값은 문자열입니다< /li>
  • li>
  • "number"——이 값은 숫자 값입니다.
  • "object"——이 값 객체이거나 Null입니다.
  • "function"——이 값은 함수입니다.
예: string str="I am String type":
console.log(Boolean(true)) //trueconsole.log(Boolean(""))   //falseconsole.log(Boolean(1))  //trueconsole.log(Boolean(null)) //false
로그인 후 복사
로그인 후 복사
1. typeof는 null에 대해 "object"를 반환합니다. 3. typeof는 때문에 <code>"undefine"도 반환합니다. typeof의 이상한 특성 때문에 변수의 특정 정보에 대해 더 많이 알아야 합니다. 우리는 변수의 데이터 유형을 결정하기 위해 종종 인스턴스를 사용합니다.

정의되지 않음 및 Null

정의되지 않음Null 유형에는 정의되지 않음</인 값이 하나만 있습니다. code> 각각 code> 및 <code>null입니다.
  1. 선언되었지만 초기화되지 않은 변수의 값은 정의되지 않음입니다(참조 위의 코드에 적용)
  2. undefinenull은 동일합니다
console.log(1.00) //1console.log(10.) //10
로그인 후 복사
로그인 후 복사
  1. typeof null"object"를 반환합니다. 논리적으로 null은 개체에 대한 참조입니다(예를 보려면 참조). typeof >)
  2. 정의되지 않음null은 동일합니다.

Boolean

모든 데이터는 부울 값을 반환하는 부울 함수 Boolean()을 호출할 수 있습니다. falsetrue0이 아닌 문자열0이 아닌 숫자(무한대 포함)
일반적으로 typeof 연산자를 사용하여 변수의 데이터 유형을 감지할 수 있습니다.
typeof 연산자에는 또 다른 이상한 점이 있습니다. 즉, 2. typeof는 선언되지 않은 변수 "unjust"를 반환합니다.
console.log(070) //56console.log(0xA) //10
로그인 후 복사
로그인 후 복사
정의되지 않음의 경우 다음 두 가지 점을 기억해야 합니다. For null , 두 가지를 기억해야 합니다. 점: < code>Boolean 유형에는 truefalse라는 두 가지 값이 있습니다.
Typetrue
Boolean
falseString
" ”(빈 문자열)숫자
0 및 NaN 🎜🎜🎜🎜Object🎜🎜모든 객체 🎜🎜null🎜🎜🎜🎜Undefine🎜🎜해당 사항 없음🎜🎜undefine🎜🎜🎜🎜 Nu ll🎜🎜해당 사항 없음🎜🎜 널 🎜🎜🎜🎜

为了便于记忆, 只需记住false""(空字符串),0NaNnullundefined会使Boolean()函数变为false,其他为true即可。

代码范例:

console.log(Boolean(true)) //trueconsole.log(Boolean(""))   //falseconsole.log(Boolean(1))  //trueconsole.log(Boolean(null)) //false
로그인 후 복사
로그인 후 복사

Number

Number类型使用IEEE754格式表示整数和浮点数。对于整数,JavaScript若遇到八进制和十六进制数会自动转换为十进制数, 若数的范围超过八进制和十六进制的便是范围则解析为是十进制数。

console.log(070) //56console.log(0xA) //10
로그인 후 복사
로그인 후 복사

八进制在严格模式下出错。

对于浮点数,Javascript会将小数点后全为0的小数和小数点后没有数字的小数自动转换为整数。

console.log(1.00) //1console.log(10.) //10
로그인 후 복사
로그인 후 복사

浮点数最高精度为17位小数, 但是在算术运算时需要注意下面的式子:

console.log(0.1+0.2) //0.30000000000000004
로그인 후 복사

这也是IEEE754格式表示的通病。

数值范围

Number有两个属性表示JavaScript的数值范围——Number.MAX_VALUENumber.MIN_VALUENumber.MAX_VALUE表示在JavaScript中最大的值,若超出其范围则会转为infinity
Number.MIN_VALUE表示在JavaScript中最小的正值,若超出其范围则会转为0
Number.MAX_VALUE 在大多数浏览其中是1.7976931348623157e+308.
我们可以通过isFinite()方法来确定变量是否在Number.MAX_VALUENumber.MIN_VALUE之间,若在,则返回true, 反之则返回false

var num = Number.MAX_VALUE+Number.MAX_VALUE;  //超出了Number.MAX_VALUEconsole.log(isFinite(num)); //false
로그인 후 복사

Number中有个特殊值–NaN, 这个数表示非数值(Not a number). 这个数有两个特点:

  1. 任何设计NaN的操作都返回NaN.
  2. NaN不等于任何值(包括它本身).

我们通常可以用isNaN()函数确定某个变量是否是NaN.

console.log(isNaN(NaN))  // trueconsole.log(isNaN("1"))  //false
로그인 후 복사

数值转换 Number(), parseInt()和parseFloat()

有三个函数可以讲将数值转换为数值类型: Number(), parseInt(), parseFloat().
Number()函数的转换规则如下:

  • 对于Boolean类型数值, true转换为1, false转换为0
  • null转换为0
  • undefined转换为NaN
  • String类型的值按以下规则转换
    • 若字符串中只包含数字(包括前面带正负号), 则将其转换为十进制数. 且忽略前导0.
    • 若字符串包含有效的浮点格式数, 则转换为浮点数. 忽略前导0.
    • 若字符串包含有效的十六进制格式(如"0xf"), 则将其转换为相同大小的十进制数.
    • 若为空串, 则转换为0
    • 若字符串包含上述格式之外的其他子, 则转换为NaN
  • 待转换类型是对象时, 调用对象的valueOf()方法返回某一值, 再按前面的方法转换(第一次转换)
    • 当第一次转换结果为NaN时, 调用对象的toString()方法返回字符串值, 再按前面的方法转换

parseInt()函数有两个参数, 第一个参数为待转换的字符串(若不是字符串则使用ToString()函数转换为字符串), 第二个参数2到36之间的一个数, 作为基数使用. 基数可以省略, 默认基数为10.

parseInt() 在解析第一个参数(字符串)时会忽略字符串前面的空格, 知道找到第一个非空格字符. 如果第一个字符不是数字字符或者负号, parseInt()会返回NaN; 也就是说, 用parseInt() 转换空字符串会返回NaN(Number对空字符串返回0). 如果第一个字符是数字字符, parseInt() 会继续解析第二个字符, 直到解析完所有后续字符或者遇到了一个非数字字符.
来源于(JavaScript高级程序设计(第3版))

console.log(parseInt("   1234blue")) //1234console.log(parseInt("")) //NaNconsole.log(parseInt("AF", 16)) //175
로그인 후 복사

parseFloat() 相比于前两个, 他只能解析十进制数. 当解析的字符串可以解析成整数时也会被解析位整数.

console.log(parseFloat("1234basd")) // 1234console.log(parseFloat("22.5") // 22.5
로그인 후 복사

更多信息可以查看文档:
Number Object
parseInt()和parseFloat()

String

String 类型常用语表示16位Unicode字符组成的字符序列, 也就是我们常说的字符串. 字符串有个鲜明的特点, 那就是字符串一旦创建, 他们的值就不会改变.

字符字面量

String类型若想包含一些特殊字符如 ‘(单引号)或 ” (双引号) , 就必须使用转义字符. 也可以叫它们字符字面量.
常用字符字面量如下所示:

字面量含义
\n换行符
\t制表符
\b退格符
\r回车符
\f换页符
\斜杠
\’单引号
\”双引号
\xnnx表示十六进制, n为0-F, nn表示一个字符. 如\x41表示”A”
\unnnnu表示Unicode, 也为十六进制. nnnn表示一个十六进制的Unicode字符

例如:

console.log("这是单引号: \&#39;")    //这是单引号: &#39;console.log("这是\n换行符")/*
这是
换行符
*/console.log("这是大写字母: \x41")  //这是大写字母: A
로그인 후 복사

转换为字符串 toString()和String()

大部分值都有toString()方法, 因此我们可以使用这个方法.

var a = 2console.log(a.toString()) //2var b = trueconsole.log(b.toString()) //true
로그인 후 복사

还可以给toString()添加一个参数, 这个参数表示基数.

var num = 7console.log(num.toString(2)) //111console.log(num.toString(3)) //21
로그인 후 복사

前面说了大部分值可以使用toString()方法, 那么哪些值不能使用呢? 那就是nullundefined.
当我们需要将一个变量A转换为字符串时, 假如我们不知道变量A是否是nullundefined, 我们可以使用String()函数. 这个函数可以讲任意类型的值转换为字符串. 其规则如下:

  • 如果可以调用toString()方法则调用该方法.
  • 如果是null, 则返回"null"
  • 如果是undefined, 则返回"undefined"

Object

Object 类型俗称对象, 对象的实例通常使用new操作符进行创建. 对象的实例还是对象, 我们会在对象的实例中添加属性和方法.

var obj = new Object();
로그인 후 복사

Object的实例有下列基本的属性和方法:

  1. constructor
    constructor属性保存着穿件当前对象的函数, 也叫构造函数. 如上例中的Object()
  2. hasOwnProperty(propertyName)
    这个方法用于检测当前对象实例中是否有属性名为propertyName的属性. propertyName必须为字符串
  3. isPrototypeOf(object)
    其用于检查传入的对象object是否为当前对象实例的原型
  4. propertyIsEnumerable(propertyName)
    用于检查给定的属性propertyName是否可以用for-in语句来枚举. propertyName必须为字符串
  5. toLocaleString(), toString(), valueOf()
    这三个方法都可以返回对象的字符串表示, valueOf()还可以返回对象的数值, 布尔值表示.
    可以参考这篇文章:Javascript toString()、toLocaleString()、valueOf()三个方法的区别-博客园-一个悬浮在空中的胖子
var obj = new Object()
obj.constructor //ƒ Object() { [native code] }obj.name = "ES" //给obj添加属性obj.hasOwnProperty("name")  //true, 注意参数必须为字符串形式obj.propertyIsEnumerable("name")    //trueobj.toString()  //"[object Object]"
로그인 후 복사

推荐学习:《javascript高级教程

위 내용은 Javascript 데이터 유형에 포함되지 않는 것의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 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 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법 WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법 Dec 17, 2023 pm 02:54 PM

WebSocket 및 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법 소개: 지속적인 기술 개발로 음성 인식 기술은 인공 지능 분야의 중요한 부분이 되었습니다. WebSocket과 JavaScript를 기반으로 한 온라인 음성 인식 시스템은 낮은 대기 시간, 실시간, 크로스 플랫폼이라는 특징을 갖고 있으며 널리 사용되는 솔루션이 되었습니다. 이 기사에서는 WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법을 소개합니다.

WebSocket 및 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술 WebSocket 및 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술 Dec 17, 2023 pm 05:30 PM

WebSocket과 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술 서론: 인터넷 기술의 급속한 발전과 함께 실시간 모니터링 시스템이 다양한 분야에서 널리 활용되고 있다. 실시간 모니터링을 구현하는 핵심 기술 중 하나는 WebSocket과 JavaScript의 조합입니다. 이 기사에서는 실시간 모니터링 시스템에서 WebSocket 및 JavaScript의 적용을 소개하고 코드 예제를 제공하며 구현 원칙을 자세히 설명합니다. 1. 웹소켓 기술

JavaScript 및 WebSocket을 사용하여 실시간 온라인 주문 시스템을 구현하는 방법 JavaScript 및 WebSocket을 사용하여 실시간 온라인 주문 시스템을 구현하는 방법 Dec 17, 2023 pm 12:09 PM

JavaScript 및 WebSocket을 사용하여 실시간 온라인 주문 시스템을 구현하는 방법 소개: 인터넷의 대중화와 기술의 발전으로 점점 더 많은 레스토랑에서 온라인 주문 서비스를 제공하기 시작했습니다. 실시간 온라인 주문 시스템을 구현하기 위해 JavaScript 및 WebSocket 기술을 사용할 수 있습니다. WebSocket은 TCP 프로토콜을 기반으로 하는 전이중 통신 프로토콜로 클라이언트와 서버 간의 실시간 양방향 통신을 실현할 수 있습니다. 실시간 온라인 주문 시스템에서는 사용자가 요리를 선택하고 주문을 하면

WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법 WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법 Dec 17, 2023 am 09:39 AM

WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법 오늘날의 디지털 시대에는 점점 더 많은 기업과 서비스에서 온라인 예약 기능을 제공해야 합니다. 효율적인 실시간 온라인 예약 시스템을 구현하는 것이 중요합니다. 이 기사에서는 WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 1. WebSocket이란 무엇입니까? WebSocket은 단일 TCP 연결의 전이중 방식입니다.

JavaScript와 WebSocket: 효율적인 실시간 일기예보 시스템 구축 JavaScript와 WebSocket: 효율적인 실시간 일기예보 시스템 구축 Dec 17, 2023 pm 05:13 PM

JavaScript 및 WebSocket: 효율적인 실시간 일기 예보 시스템 구축 소개: 오늘날 일기 예보의 정확성은 일상 생활과 의사 결정에 매우 중요합니다. 기술이 발전함에 따라 우리는 날씨 데이터를 실시간으로 획득함으로써 보다 정확하고 신뢰할 수 있는 일기예보를 제공할 수 있습니다. 이 기사에서는 JavaScript 및 WebSocket 기술을 사용하여 효율적인 실시간 일기 예보 시스템을 구축하는 방법을 알아봅니다. 이 문서에서는 특정 코드 예제를 통해 구현 프로세스를 보여줍니다. 우리

간단한 JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법 간단한 JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법 Jan 05, 2024 pm 06:08 PM

JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법, 특정 코드 예제가 필요합니다. 서문: 웹 개발에서는 서버와의 데이터 상호 작용이 종종 포함됩니다. 서버와 통신할 때 반환된 HTTP 상태 코드를 가져와서 작업의 성공 여부를 확인하고 다양한 상태 코드에 따라 해당 처리를 수행해야 하는 경우가 많습니다. 이 기사에서는 JavaScript를 사용하여 HTTP 상태 코드를 얻는 방법과 몇 가지 실용적인 코드 예제를 제공합니다. XMLHttpRequest 사용

자바스크립트에서 insertBefore를 사용하는 방법 자바스크립트에서 insertBefore를 사용하는 방법 Nov 24, 2023 am 11:56 AM

사용법: JavaScript에서 insertBefore() 메서드는 DOM 트리에 새 노드를 삽입하는 데 사용됩니다. 이 방법에는 삽입할 새 노드와 참조 노드(즉, 새 노드가 삽입될 노드)라는 두 가지 매개 변수가 필요합니다.

JavaScript 및 WebSocket: 효율적인 실시간 이미지 처리 시스템 구축 JavaScript 및 WebSocket: 효율적인 실시간 이미지 처리 시스템 구축 Dec 17, 2023 am 08:41 AM

JavaScript는 웹 개발에 널리 사용되는 프로그래밍 언어인 반면 WebSocket은 실시간 통신에 사용되는 네트워크 프로토콜입니다. 두 가지의 강력한 기능을 결합하면 효율적인 실시간 영상 처리 시스템을 만들 수 있습니다. 이 기사에서는 JavaScript와 WebSocket을 사용하여 이 시스템을 구현하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 첫째, 실시간 영상처리 시스템의 요구사항과 목표를 명확히 할 필요가 있다. 실시간 이미지 데이터를 수집할 수 있는 카메라 장치가 있다고 가정해 보겠습니다.

See all articles