JavaScript의 데이터 유형은 무엇입니까? js 데이터 유형 소개

이 기사에서는 JavaScript의 데이터 유형이 무엇인지 설명합니다. js 데이터 유형의 소개에는 특정 참조 가치가 있습니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

1. 자바스크립트에는 몇 가지 유형의 값이 있나요?

Javascript에는 기본 데이터 유형과 참조 데이터 유형이라는 두 가지 데이터 유형이 있습니다. 기본 데이터 유형에는 정의되지 않음, Null, 부울, 숫자, 문자열 및 기호가 포함됩니다. (ES6의 새로운 기능, 고유한 값을 나타냄) 및 참조 데이터 유형을 집합적으로 객체 객체라고 부르며 주로 객체, 배열 및 함수를 포함합니다. 다음으로 두 가지의 특징을 각각 살펴보겠습니다.

2. 기본 데이터 유형

1 값은 불변입니다

var name = 'java';
name.toUpperCase(); // 输出 'JAVA'
console.log(name); // 输出  'java'

이로부터 기본 데이터 유형은 불변입니다

2. 스택 영역에 저장

원본 데이터 유형은 스택의 간단한 데이터 세그먼트에 직접 저장되어 작은 공간을 차지합니다. 크기가 고정되어 있고 자주 사용되는 데이터이므로 스택에 저장됩니다.

3. 값 비교

var a = 1;
var b = true;
console.log(a == b);    // true
console.log(a === b);   // false

==: 값 비교만 수행되며 데이터 유형 변환이 수행됩니다.
=== : 값을 비교할 뿐만 아니라 데이터 유형도 비교합니다.

3. 참조 데이터 유형

1. 값은 변수

var a={age:20}；
a.age=21；
console.log(a.age)//21

위 코드에서 참조를 설명합니다. type 속성과 메서드를 가질 수 있으며 동적으로 변경될 수 있습니다.

2. 스택 메모리와 힙 메모리에 동시에 저장됨

힙에 저장된 참조 데이터 유형의 개체는 큰 공간을 차지하며 크기가 고정되지 않습니다. 스택에 저장되면 프로그램 성능에 영향을 미칩니다. 참조 데이터 유형은 힙에 있는 엔터티의 시작 주소를 가리키는 포인터를 스택에 저장합니다. 인터프리터가 참조 값을 찾을 때 먼저 스택에서 해당 주소를 검색한 다음 힙에서 엔터티를 가져옵니다.

3 비교는 참고 비교입니다

한 변수에서 다른 변수로 이동할 때 변수에 참조 유형의 값이 할당되면 변수에 저장된 개체의 값도 새 변수에 할당된 공간에 복사됩니다.

var a={age:20};
var b=a;
b.age=21;
console.log(a.age==b.age)//true

위에서 기본 유형과 참조 유형은 메모리의 다른 위치에 저장된다고 언급했습니다. 동시에 포인터는 스택에 저장됩니다. 이 포인터는 힙에서 엔터티의 시작 위치를 가리킵니다. 변수 a가 초기화되면 포인터 a는 객체 {age:20}의 주소를 가리킵니다. a가 b에 할당된 후 b는 객체 {age:20}의 주소를 가리킵니다. 따라서 이러한 변수 중 하나를 변경하면 서로 영향을 미칩니다.

이때, 변수가 원본 객체를 참조하면 다른 변수에는 영향을 미치지 않습니다.

var a={age:20};
var b=a;
a = 1;
b // {age:20}

위 코드에서 a와 b는 동일한 개체를 가리키고 a의 값은 1로 변경됩니다. 이는 b에 영향을 미치지 않으며 b는 여전히 원래 개체를 가리킵니다.

4. 데이터 유형 확인

1.typeof

typeof는 데이터 유형을 나타내는 문자열을 반환합니다. 반환된 결과에는 숫자, 부울, 문자열, 기호, 객체, 정의되지 않음, 함수 등 7가지 데이터 유형이 포함되지만 null, 배열 등을 판단할 수는 없습니다.

typeof Symbol(); // symbol 有效
typeof ''; // string 有效
typeof 1; // number 有效
typeof true; //boolean 有效
typeof undefined; //undefined 有效
typeof new Function(); // function 有效
typeof null; //object 无效
typeof [] ; //object 无效
typeof new Date(); //object 无效
typeof new RegExp(); //object 无效

Arrays 및 객체는 두 객체를 모두 반환합니다. 이때 A가 B의 인스턴스인지 확인하려면

2.instanceof

instanceof를 사용해야 합니다. 표현식은 다음과 같습니다. B는 A가 B 인스턴스인 경우 true를 반환하고, 그렇지 않으면 false를 반환합니다. 인스턴스 오브 연산자는 객체의 프로토타입 체인에 생성자의 프로토타입 속성이 있는지 여부를 테스트하는 데 사용됩니다.

[] instanceof Array; //true
{} instanceof Object;//true
new Date() instanceof Date;//true
new RegExp() instanceof RegExp//true

배열의 유형 판단과 관련하여 ES6를 사용하여 Array.isArray()

Array.isArray([]);   // true

instanceof를 추가할 수도 있습니다. 세 가지 주요 단점: #🎜 🎜#

기본 데이터형의 경우 리터럴 방식으로 생성된 결과와 인스턴스 방식으로 생성된 결과에는 일정한 차이가 있습니다.

console.log(1 instanceof Number)//false
console.log(new Number(1) instanceof Number)//true

엄밀히 말하면 인스턴스만 생성되는 결과입니다 표준 객체 데이터 유형 값이며 표준 Number 클래스의 인스턴스이기도 합니다. 리터럴 메소드로 생성된 결과는 엄격한 인스턴스가 아닌 기본 데이터 유형 값이지만 JS의 느슨한 특성으로 인해 Number.prototype에서 제공하는 메소드를 사용할 수 있습니다.

현재 인스턴스의 프로토타입 체인에 있는 한 이를 사용하여 감지한 결과는 모두 사실입니다. 클래스의 프로토타입 상속에서 우리가 감지한 최종 결과는 정확하지 않을 수 있습니다.

var arr = [1, 2, 3];
console.log(arr instanceof Array) // true
console.log(arr instanceof Object);  // true
function fn(){}
console.log(fn instanceof Function)// true
console.log(fn instanceof Object)// true

널 및 정의되지 않음을 감지할 수 없음

특수 데이터 유형인 null 및 정의되지 않음의 경우 클래스는 Null 및 정의되지 않음이지만 브라우저는 이 두 클래스를 보호합니다. 아니요, 그렇지 않습니다. 외부에서 접근 및 사용이 가능합니다.

3 엄격한 연산자 ===

只能用于判断null和undefined，因为这两种类型的值都是唯一的。

var a = null
typeof a // "object"
a === null // true

undefined 还可以用typeof来判断

var b = undefined;
typeof b === "undefined" // true
b === undefined // true

4.constructor

constructor作用和instanceof非常相似。但constructor检测 Object与instanceof不一样，还可以处理基本数据类型的检测。

var aa=[1,2];
console.log(aa.constructor===Array);//true
console.log(aa.constructor===RegExp);//false
console.log((1).constructor===Number);//true
var reg=/^$/;
console.log(reg.constructor===RegExp);//true
console.log(reg.constructor===Object);//false

constructor 两大弊端：

null 和 undefined 是无效的对象，因此是不会有 constructor 存在的，这两种类型的数据需要通过其他方式来判断。

函数的 constructor 是不稳定的，这个主要体现在把类的原型进行重写，在重写的过程中很有可能出现把之前的constructor给覆盖了，这样检测出来的结果就是不准确的

function Fn(){}
Fn.prototype = new Array()
var f = new Fn
console.log(f.constructor)//Array

5.Object.prototype.toString.call()

Object.prototype.toString.call() 最准确最常用的方式。首先获取Object原型上的toString方法，让方法执行，让toString方法中的this指向第一个参数的值。

关于toString重要补充说明：

本意是转换为字符串，但是某些toString方法不仅仅是转换为字符串

对于Number、String，Boolean，Array，RegExp、Date、Function原型上的toString方法都是把当前的数据类型转换为字符串的类型（它们的作用仅仅是用来转换为字符串的）

Object上的toString并不是用来转换为字符串的。

Object上的toString它的作用是返回当前方法执行的主体（方法中的this）所属类的详细信息即"[object Object]",其中第一个object代表当前实例是对象数据类型的(这个是固定死的)，第二个Object代表的是this所属的类是Object。

Object.prototype.toString.call('') ;   // [object String]
Object.prototype.toString.call(1) ;    // [object Number]
Object.prototype.toString.call(true) ; // [object Boolean]
Object.prototype.toString.call(undefined) ; // [object Undefined]
Object.prototype.toString.call(null) ; // [object Null]
Object.prototype.toString.call(new Function()) ; // [object Function]
Object.prototype.toString.call(new Date()) ; // [object Date]
Object.prototype.toString.call([]) ; // [object Array]
Object.prototype.toString.call(new RegExp()) ; // [object RegExp]
Object.prototype.toString.call(new Error()) ; // [object Error]
Object.prototype.toString.call(document) ; // [object HTMLDocument]
Object.prototype.toString.call(window) ; //[object global] window是全局对象global的引用

위 내용은 JavaScript의 데이터 유형은 무엇입니까? js 데이터 유형 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!