首页 >web前端 >js教程 >了解 JavaScript 数据类型:带有示例的基本类型和引用类型综合指南

了解 JavaScript 数据类型:带有示例的基本类型和引用类型综合指南

Mary-Kate Olsen
Mary-Kate Olsen原创
2025-01-15 14:28:44361浏览

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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn