返回

JavaScript 基本数据类型之魅力无穷:变量、数据类型、操作符,解锁编程世界!

前端

JavaScript 基本数据类型一览
了解 JavaScript 基本数据类型,才能真正打开编程世界的大门。我们从变量开始,它是一个可以存放数据的“容器”,名字自由、内容可变,方便我们编程。数据类型是指变量能存放的数据类型,包括字符串、数字、布尔值和 undefined。字符串由字符组成,数字可以是整数或浮点数,布尔值只有 true 或 false,undefined 表示变量未赋值。

字符串属性和方法

字符串是 JavaScript 的基本数据类型之一,由一个或多个字符组成。字符串有属性和方法,属性用于获取字符串的长度,方法用于操作字符串,例如连接字符串、查找子字符串、替换子字符串等。

// 字符串属性
let str = "Hello World";
console.log(str.length); // 输出:11

// 字符串方法
console.log(str.toUpperCase()); // 输出:HELLO WORLD
console.log(str.toLowerCase()); // 输出:hello world
console.log(str.indexOf("World")); // 输出:6
console.log(str.slice(0, 5)); // 输出:Hello
console.log(str.replace("World", "Universe")); // 输出:Hello Universe

数字运算符

数字运算符用于对数字进行算术运算,包括加 (+)、减 (-)、乘 (*)、除 (/) 和求余 (%)。

// 数字运算符
let a = 10;
let b = 5;

console.log(a + b); // 输出:15
console.log(a - b); // 输出:5
console.log(a * b); // 输出:50
console.log(a / b); // 输出:2
console.log(a % b); // 输出:0

赋值运算符

赋值运算符用于将值赋给变量,包括等号 (=)、加等 (=+)、减等 (=-)、乘等 (=*)、除等 (=/) 和求余等 (=%)。

// 赋值运算符
let a = 10;

a += 5; // 等同于 a = a + 5
console.log(a); // 输出:15

a -= 3; // 等同于 a = a - 3
console.log(a); // 输出:12

a *= 2; // 等同于 a = a * 2
console.log(a); // 输出:24

a /= 4; // 等同于 a = a / 4
console.log(a); // 输出:6

a %= 3; // 等同于 a = a % 3
console.log(a); // 输出:0

比较运算符

比较运算符用于比较两个值的大小或相等性,包括等于 (==)、不等于 (!=)、大于 (>)、小于 (<)、大于等于 (>=) 和小于等于 (<=)。

// 比较运算符
let a = 10;
let b = 5;

console.log(a == b); // 输出:false
console.log(a != b); // 输出:true
console.log(a > b); // 输出:true
console.log(a < b); // 输出:false
console.log(a >= b); // 输出:true
console.log(a <= b); // 输出:false

JavaScript 的魅力

JavaScript 的魅力在于它是一种简单易学、功能强大的编程语言,具有广泛的应用场景。它可以用于构建网页、移动应用程序、桌面应用程序、游戏等等。JavaScript 拥有丰富的库和框架,可以帮助开发人员快速开发出高质量的应用程序。