ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript データ型を理解する: 例を含むプリミティブ型と参照型の包括的なガイド

JavaScript データ型を理解する: 例を含むプリミティブ型と参照型の包括的なガイド

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2025-01-15 14:28:44313ブラウズ

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

JavaScript にはいくつかの組み込みデータ型があり、大きく 2 つのグループに分類できます。
?プリミティブ型
?非プリミティブ (参照) 型。


JavaScriptのデータ型 タイプ 例 プリミティブ型 ➀ 番号 JavaScript Data Types
Type Examples
Primitive Types ➀ Number
➁ String
➂ Boolean
➃ Undefined
➄ Null
Non-Primitive Types ➀ Object
➁ Array
➂ Function
➁ 文字列 ➂ ブール値
➃ 未定義

➄ ヌル

非プリミティブ型 ➀ オブジェクト ➁ 配列

➂ 機能

❐ 詳細を含むプリミティブ型を作成します
プリミティブ データ型は不変で、値によって保存されます。

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
✚ ブール値

➭ 論理値: true または 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

➭ 値が意図的に存在しないこと (空または不明) を表します。

❐ 詳細を含む非プリミティブ型を作成します
非プリミティブ データ型は変更可能であり、参照によって保存されます。

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"

✚関数
➭ 論理値: true または false を表します。

以上がJavaScript データ型を理解する: 例を含むプリミティブ型と参照型の包括的なガイドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。