js语言记录-JZTXT

// hello world of js
console.log('Hello World');

/* 定义变量 */
// var, let, cont
// var 全局变量
// let 局部变量
// const 常量

/* 数据类型 */
// String, Number, Boolean, null, undefined
// null与undefine的区别：null被定义了，但为空；undefined表示未被定义

const age = 30;
// 可以通过  typeof 获取数据类型
console.log(typeof age);

let a;
console.log(typeof a);
a = 4;
console.log(typeof a);

/* 字符串 */
// 类似于c++，可以直接使用 + 拼接
console.log("My age is " + age + " years");
// 或者使用模版字符串
let str = 'My age is ${age} years';
console.log(str);

/* 字符串方法 */
// 获取长度
str = "Hello World";
console.log(str.length)
console.log(str.toUpperCase())
console.log(str.toLowerCase())
console.log(str.substring(0, 5))
console.log(str.split(""))

/* 数组 */
// 通过构造函数创建
const nums = new Array(1, 2, 3, 4, 5)
console.log(nums)
// 直接构建
const fruits = ['apples', 'oranges', 'pears', 10, true]
console.log(fruits);
console.log(fruits[3]);
fruits.push('mangos'); // 尾部插入
fruits.unshift('strawberries'); // 头部插入
console.log(fruits);

fruits.pop(); // 尾部删除

console.log(Array.isArray(fruits)); // 判断是否是一个数组

console.log(fruits.indexOf('oranges')); // 获取索引

/* 对象 */

const person = {
    firstName: "John",
    lastName: "Doe",
    age: 30,
    hobbies: ['music', 'movies', 'sports'],
};

console.log(person.hobbies)

// 解构
const {firstName, lastName, hobbies} = person;

console.log(firstName)

// 为对象增加新的属性
person.email = 'abc@qq.com';
console.log(person);
console.log(JSON.stringify(person)) // 将对象转换为json


/* if 条件语句 */
 
let apollo = 9;

// 双等号不考虑数据类型，即“9” == 9，也认为是true
// 三等号考虑数据类型
if (apollo === 9) {
    console.log("apollo is 9");
} else if(apollo > 9) {
    console.log("apollo is gt 9")
} else {
    console.log("apollo is not 9");
}

apollo = 4
if (apollo > 5 && apollo < 9) {
    console.log(" > 5 and < 9");
} else if(apollo <= 5 || apollo >= 9) {
    console.log(" <= 5 || >= 9");
}

// 三目运算符，和c++一样

// switch和c++一样

// for 和 while循环和c++一样

// 还有一种类似于c++ for(auto item : nums)的写法
for (let item of nums) {
    console.log(item)
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>Hello World</h1>
    <script src="index.js"></script>
</body>
</html>