>웹 프론트엔드 >JS 튜토리얼 >JavaScript 데이터 유형 이해: 예제가 포함된 기본 유형 및 참조 유형에 대한 종합 가이드

JavaScript 데이터 유형 이해: 예제가 포함된 기본 유형 및 참조 유형에 대한 종합 가이드

Mary-Kate Olsen
Mary-Kate Olsen원래의
2025-01-15 14:28:44363검색

Understanding JavaScript Data Types: A Comprehensive Guide to Primitive and Reference Types with Examples

JavaScript에는 두 가지 광범위한 그룹으로 분류할 수 있는 여러 내장 데이터 유형이 있습니다.
? 기본 유형
? 비기본(참조) 유형.


자바스크립트 데이터 유형 유형 예 기본 유형 ➀ 번호 JavaScript Data Types
Type Examples
Primitive Types ➀ Number
➁ String
➂ Boolean
➃ Undefined
➄ Null
Non-Primitive Types ➀ Object
➁ Array
➂ Function
➁ 문자열 ➂ 부울
➃ 정의되지 않음

➄ 널

비기본 유형 ➀ 객체 ➁ 배열

➂ 기능

❐ 이제 세부사항을 포함한 Primitive 유형을 작성합니다.
기본 데이터 유형은 변경할 수 없으며 값으로 저장됩니다.

let age = 25; // Integer
let pi = 3.14159; // Floating-point
let negativeNumber = -42; // Negative number
let exponential = 1.23e4; // 12300 in exponential notatio

✚ 숫자

let singleQuote = 'Hello, world!';
let doubleQuote = "JavaScript is awesome!";
let templateLiteral = `This is a template literal`;

let multiLine = `This is a multi-line string.`;
console.log(`Name: ${singleQuote}, Length: ${singleQuote.length}`);

✚ 문자열

let isJavaScriptFun = true;
let isOver18 = false;

console.log(typeof isJavaScriptFun); // "boolean"
console.log(5 > 2); // true
console.log(10 === '10'); // false
✚ 부울

➭ 논리값을 나타냅니다: 참 또는 거짓.

let x;
console.log(x); // undefined
console.log(typeof x); // "undefined"
✚ 정의되지 않음

➭ 변수가 선언되었지만 값이 할당되지 않았습니다.

let y = null;
console.log(y); // null
console.log(typeof y); // "object" (this is a quirk in JavaScript)
✚ Null

➭ 의도적으로 값이 없음을 나타냅니다(비어 있음 또는 알 수 없음).

❐ 이제 세부 사항을 포함하여 Non-Primitive 유형을 작성합니다.
비원시 데이터 유형은 변경 가능하며 참조로 저장됩니다..

let person = {
  name: 'John',
  age: 30,
  isStudent: false,
  hobbies: ['reading', 'gaming'],
  address: {
    city: 'New York',
    zip: '10001',
  },
};

console.log(person.name); // "John"
console.log(person.address.city); // "New York"
console.log(typeof person); // "object"

✚ 객체

let fruits = ['Apple', 'Banana', 'Cherry'];
let mixedArray = [1, 'Hello', true, null, undefined];

console.log(fruits[0]); // "Apple"
console.log(mixedArray.length); // 5
console.log(typeof fruits); // "object" (arrays are objects in JS)

✚ 배열

function greet(name) {
  return `Hello, ${name}!`;
}

let sum = function(a, b) {
  return a + b;
};

let multiply = (x, y) => x * y;

console.log(greet('Alice')); // "Hello, Alice!"
console.log(sum(3, 4)); // 7
console.log(multiply(5, 6)); // 30
console.log(typeof greet); // "function"

✚ 기능
➭ 논리값을 나타냅니다: 참 또는 거짓.

위 내용은 JavaScript 데이터 유형 이해: 예제가 포함된 기본 유형 및 참조 유형에 대한 종합 가이드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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