深入浅出剖析JS基础类型——重新巩固JS编程基础（一）

重新巩固JS基础类型——重新巩固JS编程基础（一）

在编程领域中，数据类型（data type）用来将变量的值（value）进行分类，这样在对变量的值进行数学、关系、逻辑等运算时就不会产生错误了。例如： 2 * 2是合法的，2 * John就不合法了…

JavaScript的基本类型

JavaScript的基本类型包括：

• 数值（Number）：数值可以是整数、小数或科学计数法。
• 字符串（String）：字符串是一系列字符的集合，用引号（单引号或双引号）括起来。
• 布尔值（Boolean）：布尔值只有两个值：true和false。
• undefined：undefined表示变量尚未赋值。
• null：null表示变量的值为空。

类型转换

在JavaScript中，可以使用类型转换函数将一种类型的值转换为另一种类型的值。常用的类型转换函数包括：

• Number()：将值转换为数值。
• String()：将值转换为字符串。
• Boolean()：将值转换为布尔值。

示例

var num = 10;
var str = "Hello";
var bool = true;
var undef = undefined;
var nul = null;

console.log(typeof num); // "number"
console.log(typeof str); // "string"
console.log(typeof bool); // "boolean"
console.log(typeof undef); // "undefined"
console.log(typeof nul); // "object"

注意：null在JavaScript中被认为是对象类型，而不是基本类型。

运算符

JavaScript中常用的运算符包括：

• 算术运算符：+、-、*、/、%
• 关系运算符：==、!=、>、<、>=、<=
• 逻辑运算符：&&、||、!

示例

var num1 = 10;
var num2 = 5;

console.log(num1 + num2); // 15
console.log(num1 - num2); // 5
console.log(num1 * num2); // 50
console.log(num1 / num2); // 2
console.log(num1 % num2); // 0

console.log(num1 == num2); // false
console.log(num1 != num2); // true
console.log(num1 > num2); // true
console.log(num1 < num2); // false
console.log(num1 >= num2); // true
console.log(num1 <= num2); // false

console.log(num1 && num2); // true
console.log(num1 || num2); // true
console.log(!num1); // false

控制语句

JavaScript中常用的控制语句包括：

• if语句
• else if语句
• else语句
• switch语句
• for循环
• while循环
• do-while循环

示例

var num = 10;

if (num > 0) {
  console.log("num is positive");
} else if (num < 0) {
  console.log("num is negative");
} else {
  console.log("num is zero");
}

switch (num) {
  case 10:
    console.log("num is 10");
    break;
  case 20:
    console.log("num is 20");
    break;
  default:
    console.log("num is not 10 or 20");
}

for (var i = 0; i < 10; i++) {
  console.log("i is " + i);
}

while (num > 0) {
  console.log("num is " + num);
  num--;
}

do {
  console.log("num is " + num);
  num--;
} while (num > 0);

函数

JavaScript中的函数可以将代码块组织成一个独立的单元，以便在程序中重用。函数可以接受参数，并返回一个值。

示例

function add(num1, num2) {
  return num1 + num2;
}

var result = add(10, 5);

console.log("result is " + result);

对象

JavaScript中的对象是具有属性和方法的实体。对象可以存储数据，并可以执行操作。

示例

var person = {
  name: "John",
  age: 30,
  sayHello: function() {
    console.log("Hello, my name is " + this.name);
  }
};

person.sayHello();

数组

JavaScript中的数组是一种有序的数据集合。数组中的元素可以是任何类型的值。

示例

var numbers = [1, 2, 3, 4, 5];

console.log(numbers[0]); // 1
console.log(numbers[1]); // 2
console.log(numbers[2]); // 3
console.log(numbers[3]); // 4
console.log(numbers[4]); // 5

总结

JavaScript是一种强大的编程语言，具有丰富的功能和库。掌握JavaScript的基本知识对于前端开发人员和后端开发人员来说都是非常重要的。