深入剖析JavaScript基础——全面解读数据类型和运算符

前端

2023-12-29 21:58:59

JavaScript数据类型：千变万化的信息载体

数据类型，是用来数据存储形式和特点的分类。JavaScript中的数据类型主要有：

原始数据类型： 包括布尔值、数字、字符串和null。这些数据类型的值是直接存储在变量中的，不能被分解成更小的部分。
引用数据类型： 包括对象、数组和函数。这些数据类型的值是存储在内存中的地址，变量只存储指向该地址的指针。引用数据类型的值可以通过属性或索引来访问。

JavaScript运算符：巧妙操控数据的工具

运算符，是用来对数据进行运算和操作的符号。JavaScript中的运算符包括：

算术运算符： +、-、*、/、%等，用于对数字进行加、减、乘、除和取余运算。
比较运算符： ==、===、!=、!==、>、<、>=、<=等，用于比较两个值是否相等或大小关系。
逻辑运算符： &&、||、!等，用于对布尔值进行与、或、非运算。
赋值运算符： =、+=、-=、*=、/=、%=等，用于将值赋给变量或对变量进行运算。
其他运算符： typeof、delete等，用于获取变量的数据类型、删除属性或对象等。

实例探究：数据类型和运算符的实际应用

以下代码演示了JavaScript中数据类型和运算符的实际应用：

// 声明变量并赋值
let name = "John Doe";
let age = 30;
let isMarried = false;

// 使用算术运算符进行计算
let sum = 10 + 20;
let difference = 20 - 10;
let product = 10 * 20;
let quotient = 20 / 10;
let remainder = 20 % 3;

// 使用比较运算符比较两个值
let equal = 10 == "10"; // true
let identical = 10 === "10"; // false
let notEqual = 10 != "10"; // false
let notIdentical = 10 !== "10"; // true
let greaterThan = 10 > 5; // true
let lessThan = 10 < 5; // false
let greaterThanOrEqual = 10 >= 10; // true
let lessThanOrEqual = 10 <= 10; // true

// 使用逻辑运算符对布尔值进行运算
let and = true && true; // true
let or = true || false; // true
let not = !false; // true

// 使用赋值运算符将值赋给变量或对变量进行运算
let x = 10;
x += 5; // x = x + 5;
x -= 3; // x = x - 3;
x *= 2; // x = x * 2;
x /= 4; // x = x / 4;
x %= 3; // x = x % 3;

// 使用typeof运算符获取变量的数据类型
console.log(typeof name); // "string"
console.log(typeof age); // "number"
console.log(typeof isMarried); // "boolean"

// 使用delete运算符删除属性或对象
let person = {
  name: "John Doe",
  age: 30
};

delete person.age;