JavaScript 고급 프로그래밍(3판) 학습 노트 3 js 간단한 데이터 유형_기본 지식

ECMAScript是一种动态类型的语言，构建于5种简单数据类型（Undefined、Null、Boolean、Number、String）和一种复杂数据类型（Object）的基础之上。这篇文章就来复习一下简单数据类型，我会尽量从编程实践的角度来描述，下面代码运行环境为FireFox 14.0.1。

简单数据类型

简单数据类型	取值
Undefined	undefined（只有一个值）
Null	null（只有一个值）
Boolean	true|false（只有两个值）
Number	数值
String	字符串

먼저 설명해야 할 것은 ECMAScript에서는 Boolean, Number, String을 포함한 위의 5가지 단순 데이터 유형이 모두 동일한 이름을 가진 내장 패키징 개체와 리터럴 값을 가지고 있다는 것입니다. 간단한 데이터형의 변수)는 상황에 따라 자동으로 패키징하여 메소드를 직접 호출할 수 있도록 합니다. 호출할 수 있는 구체적인 메소드에 대해서는 내장 객체 논의 시 자세히 설명하겠습니다.

코드 복사 코드는 다음과 같습니다.

console.info(true.toString());//true, 이는 Boolean() 패키징을 사용한 다음
console.info(Boolean(false).toString( ));//false를 호출하고 false를 부울 유형 값으로 변환
console.info(new Boolean(false ).toString());//false, false를 Boolean()
console.info( false.toString());//false로 래핑합니다. 이는 Boolean() 패키징을 사용한 다음
를 호출하는 것과 같습니다. console.info('test'.toString());//test는 String() 패키징을 사용한 다음 Call

try{
console.info(undefine.toString()을 호출하는 것과 동일합니다. );//해당 패키징 유형이 없으며 예외가 발생합니다.
}catch(e){
console.info(e );//TypeError
}
try{
console .info(null.toString());//해당 패키징 유형이 없으면 예외가 발생합니다.
}catch(e){
console.info(e);//TypeError
}

var num = 4;
console.info(num.toString());//4, 간단한 숫자 변수에 직접 사용할 수 있습니다. 메서드를 호출하는 것은 이를 Number()로 래핑한 다음
//console.info(3.toString());//SyntaxError를 호출하면 try를 사용하여 구문 오류를 캡처할 수 없으며 이는 숫자 리터럴에서 직접 호출할 수 없음을 나타냅니다.

둘째, 가장 일반적으로 사용되는 데이터 변환에 대해 이야기해 보겠습니다.
(1) 부울로 변환: !!value
(2) 숫자로 변환: value
(3) 문자열로 변환: '' value
5가지 단순 데이터 유형은 아래에 자세히 설명되어 있습니다.
1. 정의되지 않은 유형
정의되지 않은 데이터 유형에는 정의되지 않은 값이 하나만 있습니다.
(1) 초기화되지 않은 모든 값은 기본적으로 정의되지 않은 상태로 설정됩니다(변수를 명시적으로 정의되지 않은 상태로 초기화할 필요는 없습니다).
(2) 함수 범위에서 실제 매개변수가 전달되지 않은 함수 매개변수는 정의되지 않습니다.
(3) 함수가 명시적으로 반환하지 않거나;을 반환하지 않는 경우 반환 값은 정의되지 않습니다.
(4) ECMAScript에서는 null==undefine이 true를 반환하고, null===undefound가 false를 반환한다고 규정되어 있습니다.
(5) 정의되지 않음에 해당하는 부울 값은 false입니다. (7) undefound는 값을 NaN으로 변환하고 문자열을 'undefine'으로 변환합니다.

코드 복사 코드는 다음과 같습니다.

console.info(undefine===undefine) );/ /true
console.info(typeof undefined);//undefine
console.info(typeof noDefined);//정의되지 않은, 정의되지 않은 식별자, typeof를 사용하면 정의되지 않은 식별자이기도 한 정의되지 않은 값이 반환됩니다. 여기서는 true를 반환하는
console.info(!undefine);//true 연산자만 사용할 수 있으며, 이는 많은 조건문에서 변수가 초기화되는지 여부를 판단하는 기준이 됩니다. ;/ /모든 값은 이중 부정을 사용하여 해당 부울 값으로 변환됩니다. 여기서는 undefiend의 해당 부울 값이 false라고 명시되어 있습니다.
console.info(undefine==null);//ES 규정 null과 정의되지 않은 동등성 테스트는 true를 반환합니다
console.info(undefine===null);//그러나 정의되지 않은 것과 null은 결국 합동 비교를 사용하는 경우 false가 반환됩니다.
console.info (typeof undefed ==undefine);//false, typeof undefed는 'undefine'이라는 문자열을 반환하므로 여기서는 false가 출력됩니다
console.info( undefine);//NaN, 값을 변환하면 NaN이 됩니다
console.info ('' 정의되지 않음);//정의되지 않음, '정의되지 않음' 문자열로 변환됨


2. Null 유형

Null 유형에도 null이라는 하나의 값만 있습니다.
(1) null 값에 typeof를 사용하면 'object'라는 문자열이 반환됩니다.
(2) null의 해당 부울 값은 false입니다.
(3) 변수를 사용하여 객체를 저장하는 경우 null로 초기화하는 것이 좋습니다.
(4) null은 값을 0으로 변환하고, 문자열을 'null'로 변환합니다.

코드 복사 코드는 다음과 같습니다.

console.info(null===null );/ /true

console.info(typeof null);//object
console.info(!null);//true
console.info(!!null);//false, 나타냄 null에 해당하는 부울 값은 false
console.info(undefine==null);//true
console.info(undefine===null);//false
console.info( null); //0, 값 0으로 변환
console.info('' null);//null, 문자열 'null'로 변환


3、Boolean类型
　　Boolean类型只有两个值：true和false。
（1）虽然只有两个值，但是任何一种数据类型的值都能转换为与其相对应的Boolean值，转换方式主要有三种：
　　A、通过转型函数Boolean()转换
　　　　需要注意的是，当Boolean()作为转换函数时，会转换为一个与其相应的Boolean值，当作为构造函数时，会创建一个对象，而任意非空对象的Boolean值都是true，有时候这会造成误解，建议就是不使用Boolean()。对于String()、Number()也有类似情况。
　　B、通过双重否定!!操作符转换
　　C、通过隐式转换，比如一些条件语句中
（2）Boolean类型的true和false，使用typeof时，均返回字符串'boolean'。
（3）在转换为数值时，true和false分别转换为1和0，转换为字符串时，分别为'true'和'false'。

复制代码 代码如下:

var value = 'test';
var empty = '';
console.info(!!value);//true
console.info(!!empty);//false
console.info(Boolean(value));//true
console.info(Boolean(empty));//false
console.info(!!value === Boolean(value));//true，说明两种转换方式等价
console.info(!!empty === Boolean(empty));//true
console.info(new Boolean(value));//Boolean对象，注意这里使用了new，会创建一个对象
console.info(new Boolean(empty));//Boolean对象
if(value){//隐式转换为true
console.info(value);//test
}
if(empty){//隐式转换为false，不执行括号内部语句
console.info('empty');
}
if(new Boolean(empty)){//先创建对象，再隐式转换为true，会执行括号内部的语句
console.info('empty');//empty
}
console.info(typeof true == 'boolean');//true
console.info(+true);//1，一元操作符，转换为数值1
console.info(+false);//0
console.info(''+true);//true，重载后的+操作符，转换为字符串'true'
console.info(''+false);//false

具体的转换规则如下：

数据类型	转换为true的值	转换为false的值
Undefined	-	undefined
Null	-	null
Boolean	true	false
Number	任意非0数值（包括无穷大）	0和NaN
String	任意非空字符串	空字符串
Object	任意对象	-

4. 숫자형

ECMAScript에는 별도의 정수 또는 부동 소수점 유형이 없습니다. IEEE754 형식으로 표현되는 숫자 유형만 있습니다(이 표현은 계산 중에 반올림 오류가 있습니다). 자세한 내용은 제가 학교에서 C 언어를 배울 때 이미 골치 아픈 일이었고, 또다시 골치 아픈 일을 겪고 싶지 않습니다. 아래에서는 실제 프로그래밍에서 가장 일반적으로 사용되는 것들을 앞에 두겠습니다. 이것은 일반적으로 충분합니다. 너무 사소한 세부 사항에 신경쓰고 싶지 않은 사람들은 나중에 언제든지 Number에 대한 논의를 건너뛸 수 있습니다.

(1) 숫자 변환: 주로 다음 세 가지 변환 기능

• Number() 함수: Boolean()과 유사하게 데이터를 Number 형식으로 변환합니다. 단항 더하기 연산자( )를 사용하는 것과 동일한 효과가 있으므로 비교적 간단한 연산자를 사용하는 것이 좋습니다.
• parseInt() 함수: 정수를 구문 분석합니다. 데이터와 베이스를 전달할 수 있습니다. 예를 들어, parseInt('070',8)는 10진수로 56을 출력합니다.
• parseFloat() 함수: 부동 소수점 숫자를 구문 분석하고 하나의 매개변수만 허용할 수 있습니다. 구문 분석된 데이터의 결과가 정수인 경우 정수를 직접 반환한다는 점에 유의해야 합니다.

참고: Number() 및 변환을 사용할 때 true—>1, false—>0, 정의되지 않음—>NaN, null—>0, 빈 문자열—>0, 비어 있지 않은 문자열— > ;수치적으로 분석합니다.

코드 복사 코드는 다음과 같습니다.

var trueVal = true; 🎜>var falseVal = false;
var undef = 정의되지 않음;
var intVal = '1';
var strVal = ' test';
var 비어 있음 = '';
console.info(Number(trueVal));//1
console.info(Number(falseVal));//0
console.info (숫자( undef));//NaN
console.info(숫자(nullVal));//0
console.info(숫자(intVal));//1
console.info(숫자 (floatVal) );//1
console.info(Number(strVal));//NaN
console.info(Number(empty));//0

console.info( trueVal); //1
console.info( falseVal);//0
console.info( undef);//NaN
console.info( nullVal);//0
콘솔. info( intVal );//1
console.info( floatVal);//1
console.info( strVal);//NaN
console.info(empty);//0

console.info(parseInt(trueVal));//NaN
console.info(parseInt(falseVal));//NaN
console.info(parseInt(undef));//NaN
console.info(parseInt(nullVal));//NaN
console.info(parseInt(intVal));//1
console.info(parseInt(floatVal));//1
콘솔 .info(parseInt(strVal));//NaN
console.info(parseInt(empty));//NaN

console.info(parseFloat(trueVal));//NaN
console.info(parseFloat(falseVal));//NaN
console.info(parseFloat(undef));//NaN
console.info(parseFloat(nullVal));//NaN
console. info(parseFloat (intVal));//1
console.info(parseFloat(floatVal));//1
console.info(parseFloat(strVal));//NaN
console.info( parseFloat(empty ));//NaN


참고: 이러한 변환 함수의 동작은 브라우저의 다양한 구현으로 인해 다를 수 있습니다. 도중에 질문이 있는 경우 직접 테스트를 작성하는 것이 좋습니다. 실제 프로그래밍 과정 "JavaScript를 사용한 고급 프로그래밍(3판)"에는 이 섹션에 설명된 부분 중 실제 실행 결과와 다른 부분이 많이 있습니다. 예를 들어 원본 책에서는parseInt()가 문자열만 구문 분석할 수 있다고 나와 있지만 다음 코드는 구문 분석을 수행할 수 있습니다.

코드 복사 코드는 다음과 같습니다. var object = {

value:1,

toString:function(){
return this.value;
}
}
console.info(parseInt(object));//1


(2) 정수와 부동 소수점 수: C 언어의 영향을 받은 사람들은 정수와 부동 소수점 수를 고집스럽게 구별해야 합니다! ECMAScript에서는 예상만큼 다르지 않습니다. 간단히 말해서 소수점을 포함하고 소수점 뒤에 0이 아닌 숫자가 하나 이상 있는 값은 부동 소수점 숫자입니다. 그렇지 않으면 정수입니다. 예를 들어, 1.01은 부동 소수점 숫자이고 1., 1.00은 소수점 뒤에 0이 아닌 숫자가 없기 때문에 숫자 0은 엔진에 의해 정수 1로 구문 분석됩니다. 두 개의 정수를 나눈 결과도 3/2 = 1과 같이 반올림될 것이라고 상상할 수 있습니다. 그러나 ECMAScript에서는 이에 대해 걱정하지 마십시오. 수학적 속성이 복원되어 3/2 = 이라는 것을 알 수 있습니다. 1.5, 이 One point는 연산자 관련 부분에서 다시 언급하겠습니다.

(3) 베이스 시스템(Base system) : 캐리 시스템이라고도 하며, 실제로는 (낮은 비트에서 높은 비트로) 베이스 시스템이 있어 낮은 자리 값이 이 베이스에 도달하면, 높은 자리 값 1로 전달됩니다. 일상생활에서 가장 일반적으로 사용되는 체계는 십진법입니다. 예를 들어 10센트를 1위안으로 계산하는 경우에는 24시간을 기준으로 하는 체계와 16진법(16진법)이 있습니다. 60초는 하루입니다.) 고대에는 16진수도 사용되었습니다(반 파운드 정도 생각하세요). 그러나 컴퓨터 처리에서는 현재 상태가 켜짐과 꺼짐의 두 가지 상태이므로 이진수 데이터만 처리할 수 있습니다. 그러나 이는 자연인이 이해하기 어렵기 때문에 10진수와 16진수를 중간 상태로 사용합니다. 바이너리 변환.

ES3에서는 8진수, 10진수, 16진수를 사용할 수 있지만 ES5에서는 8진수를 사용할 수 없습니다.

8진수: 숫자 0으로 시작하여 일련의 8진수(0~7)가 옵니다. 숫자가 7을 초과하면 선행 0은 무시되고 10진수로 처리됩니다. 십진수 8로 구문 분석됩니다.

16진수: 숫자 0과 문자 x로 시작하고 그 뒤에 일련의 16진수 숫자(0-9a-fA-F)가 옵니다.

십진법: 모든 숫자를 하나씩 직접 쓸 수도 있고 과학 표기법을 사용할 수도 있습니다(이해가 안 되시나요? 중학교 수학 교과서를 찾아보세요).

(3) 특수값: ECMAScript에는 주목해야 할 두 가지 특수값인 NaN과 Infinity가 있습니다. 전자는 숫자가 아님(Not a Number)을 의미하고, 후자는 a를 의미합니다. 표시 범위 내에 없는 값은 양수 및 음수 기호를 사용하여 방향을 나타낼 수도 있습니다. 이 두 가지 특수 값에 대해 여기서는 구체적인 작동 규칙을 검토하지 않습니다. (관심이 있으시면 직접 테스트해 볼 수 있으며 아래에 몇 가지 예도 제공하겠습니다.)

A. 변수가 NaN인지 확인하기 위해 val==NaN을 사용할 수는 없지만 전역 isNaN() 함수를 사용합니다. 이 함수는 매개변수를 받아 매개변수를 숫자 값으로 변환할 수 있으면 true를 반환하고, 그렇지 않으면 반환합니다. 거짓.

B. 범위를 벗어났는지 확인하기 위해 val==Infinity를 사용하지 말고 전역 isFinite() 함수를 사용하세요. 이 함수는 매개변수를 받아들이고 매개변수 값이 범위 내에 있으면 true를 반환합니다. , 그렇지 않으면 false를 반환합니다. 여기서 언급하는 표현 범위는 Number.MIN_VALUE부터 Number.MAX_VALUE까지를 의미합니다. 또한 Number에는 Number.NEGATIVE_INFINITY 및 Number.POSITIVE_INFINITY 속성이 있으며 그 값은 각각 Infinity 및 -Infinity입니다.

코드 복사 코드는 다음과 같습니다.

console.info(0/0); //NaN
console.info(NaN==NaN);//false
console.info(NaN 1);//NaN
console.info(NaN/NaN);//NaN

var notNumber = NaN;
console.info(notNumber==NaN);//false
console.info(isNaN(notNumber));//true
console.info(1/ 0); //인피니티
console.info(-1/0); //-인피니티
console.info(1/Infinity);//0
console.info(Infinity/Infinity); //NaN
console.info(Infinity==Infinity); //true
var inf = Infinity
console.info(inf==Infinity); //true
console.info( !isFinite( inf));//true
console.info(!isFinite(NaN));//true
console.info(isNaN(Infinity));//false

참고: "JavaScript를 사용한 고급 프로그래밍(3판)"의 29페이지에는 0으로 나눈 모든 값이 NaN을 반환한다고 나와 있습니다. 실제로는 그렇지 않습니다.

5. 문자열 유형

ECMAScript에는 일반적인 C 계열 언어와 달리 문자 유형이 없으며 문자열 유형 String을 단순 유형으로 사용하고 리터럴은 따옴표를 사용합니다. (작은 따옴표 ' 또는 큰 따옴표 ").

(1) 문자열 유형 연산의 경우 더하기 기호 " "가 오버로드됩니다. 문자열에 값을 추가하면 먼저 String( )을 사용하여 추가됩니다. 문자열로 변환한 다음 두 문자열을 병합합니다. (2) String()을 사용하여 undefed—>'undefine', null—>'null', true—>', false—>'false로 변환합니다. ', 숫자 유형 숫자 —> 숫자로 표시되는 문자로 변환, 객체 —> toString

코드 복사<. style="CURSOR: pointer" data="52738" class="copybut" id="copybut52738" onclick="doCopy('code52738')"> console.info('' 1 1);//11, not 2 console.info('' true);/ /true console.info ('' 정의되지 않음);//정의되지 않음

console.info('' null);//null

(3) 문자열은 백슬래시 ""를 사용하여 이스케이프됩니다. 일반적인 이스케이프 문자는 다음과 같습니다.

字面量	含义	字面量	含义
n	换行	\	反斜杠
t	制表	'	单引号
b	空格	"	双引号
r	回车	xnn	以十六进制代码nn表示的一个字符
f	进纸	unnnn	以十六进制代码nnnn表示的一个Unicode字符

그렇습니다. 간단한 데이터 유형에 관한 것입니다.