首頁 > web前端 > js教程 > 了解 JavaScript 資料類型:帶有範例的基本類型和引用類型綜合指南

了解 JavaScript 資料類型:帶有範例的基本類型和引用類型綜合指南

Mary-Kate Olsen
發布: 2025-01-15 14:28:44
原創
312 人瀏覽過

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

JavaScript 有多種內建資料型,可分為兩大類:
?原始型別
?非原始(參考)類型。


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)
登入後複製
✚ 空

➭ 表示故意不存在任何值(空或未知)。

❐ 現在編寫帶有詳細資訊的非原始類型
非原始資料型別是可變的並透過引用儲存..

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中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板