>  기사  >  웹 프론트엔드  >  자바스크립트 기본 튜토리얼의 6가지 주요 데이터 유형 사용법에 대한 자세한 설명

자바스크립트 기본 튜토리얼의 6가지 주요 데이터 유형 사용법에 대한 자세한 설명

伊谢尔伦
伊谢尔伦원래의
2017-07-18 16:20:571543검색

js에는 5가지 기본 데이터 유형(숫자, 문자열, 부울, Null, 정의되지 않음)과 1가지 혼합 데이터 유형(객체)을 포함하여 6가지 데이터 유형이 있습니다.

js의 변수는 느슨한 형식이므로 때로는 변수의 데이터 형식을 감지해야 합니다.

1.숫자 유형

숫자 유형에는 정수와 부동 소수점 숫자 두 가지 값이 포함됩니다(부동 소수점 숫자 값에는 소수점이 포함되어야 하며 소수점 뒤에 최소 한 자릿수가 있어야 합니다).

부동 소수점 숫자는 자동으로 정수로 변환됩니다.


var num = 1.00;
console.log(num);//1,自动转换为整数

부동소수점 숫자의 최고 정밀도는 17자리입니다. 아래 예를 보면 결과는 0.3이 아닙니다. 다른 프로그래밍 언어에서도 이런 일이 발생합니다. (부동소수점 계산의 경우 반올림이 발생합니다.) 오류, 기타 일부 프로그래밍 언어에서는 유사한 상황이 발생합니다)


var num1 = 0.1;
var num2 = 0.2;
console.log(num1 + num2);//0.30000000000000004

NaN: 숫자가 아닌 유형입니다. 특징: ① NaN과 관련된 모든 연산은 NaN을 반환합니다. ② NaN은 그 자체와 동일하지 않습니다.


var ab = "a1";
console.log(ab/10);// NaN
console.log(NaN == NaN);// false;

isNaN() 함수는 숫자가 아닌 유형인지 확인하는 데 사용됩니다. 전달된 매개변수가 숫자가 아닌 유형이면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

isNaN() 함수는 매개변수가 전달되면 먼저 매개변수를 숫자 값으로 변환합니다.

매개변수 유형이 객체 유형인 경우 객체의 valueOf() 메서드가 먼저 호출된 후 해당 메서드에서 반환된 값을 숫자 유형으로 변환할 수 있는지 여부를 확인합니다. 그렇지 않은 경우 객체의 toString() 메서드를 다시 호출하고 반환 값을 결정합니다.

숫자 변환:

모든 데이터 유형에 사용할 수 있는 Number() 변환 함수

parseInt(), 값을 정수로 변환하고 일반적으로 사용됨; 값을 변환합니다. 부동 소수점 유형으로 변환합니다.

2.문자열형

문자열형의 작은따옴표와 큰따옴표는 똑같은 효과를 냅니다.

문자열에는 길이 속성이 있습니다. 문자열의 길이를 알 수 있습니다. var str = “hello”;console.log(str.length);//5

문자열 값은 변경할 수 없습니다. 문자열 값을 변경하려면 먼저 원래 문자열을 삭제한 다음 새 값이 포함된 다른 문자열로 채웁니다.

var lang = “java”;
lang += “script”;

위 코드는 먼저 10자를 담을 수 있는 문자열을 생성한 다음 이 문자열을 java 및 스크립트 문자열로 채우고 마지막으로 원래 문자열인 java 및 scrip 문자열을 삭제합니다. 왜냐하면 이 두 문자열은 모두 쓸모가 없기 때문입니다. 이 프로세스는 백그라운드에서 발생합니다.

문자열 변환: 변환 함수 String(), 모든 데이터 유형에 적용 가능(null, 정의되지 않음은 null 및 정의되지 않음으로 변환됨) toString() 메서드(null, 정의됨에는 toString() 메서드가 없음).

var bc = "lijinwen";
var bd = null;
var be = undefined;
console.log(bc.toString());
//console.log(bd.toString());//error 报错
//console.log(be.toString());//error 报错
console.log("------");
console.log(String(bc));
console.log(String(bd));
console.log(String(be));

3.Boolean 유형

이 유형에는 true와 false의 두 가지 값만 있습니다.

Boolean 값으로 변환: 변환 함수 Boolean(), 값을 Boolean 유형으로 변환합니다. 자세한 내용은 나중에 추가됩니다.

4.Null 유형

Null 유형은 위에서 언급한 것처럼 Null 유형도 널 개체 참조로 간주됩니다. 값은 null 값 하나만 있으므로 typeof 연산자를 사용하여 null 유형의 값을 검색하면 결과는 object 유형이 됩니다.

변수를 정의했지만 나중에 이 변수를 객체로 사용하려면 객체를 null 값으로 초기화하는 것이 가장 좋습니다.

5.정의되지 않은 유형

에는 정의되지 않은 값이라는 단 하나의 값만 있습니다. var를 사용하여 변수를 선언했지만 변수가 초기화되지 않은 경우 변수 값은 정의되지 않습니다.

var name = "lijinwen";
var age;
console.log(name);//lijinwen
console.log(age);//undefined
//console.log(height);//error,变量height没有声明
console.log(typeof name);//string
console.log(typeof age);//undefined
console.log(typeof height);//undefined,变量height没有声明

위 코드에서는 age를 선언했지만 초기화 값이 없어 출력되는 내용이 정의되지 않았으므로 height 변수가 선언되지 않아 오류가 발생합니다.

그러나 typeof 연산자를 사용하여 데이터 유형을 감지하면 변수 age가 초기화되지 않고 결과가 정의되지 않습니다. 선언된 변수 없이 height로 감지된 유형도 정의되지 않습니다.

6. js의 객체는 속성과 메서드의 그룹 A 컬렉션입니다. 구체적인 객체 생성 방법과 객체의 다양한 특성은 이후 참조 유형 장에서 자세히 소개됩니다. 다음은 Object에 대한 간략한 소개입니다.

①6가지 주요 데이터 유형 중 생성자 속성: 생성자 속성은 현재 객체의 생성자를 결정할 수 있습니다.

rreee

위 내용은 자바스크립트 기본 튜토리얼의 6가지 주요 데이터 유형 사용법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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