3.JavaScript学习

练习+笔记 快速入门

先安装下列两个软件
VSCode
NodeJs

0.基本模板

在HTML语言中（head、body）内
可加入：
<script>……</script>中间填写Js代码
或者：
<script src="xxx.js"></script>直接引用js文件
这种方法在代码量大的时候方便模块化。

注：script通常放在body内且靠后，靠后放是因为网页的加载是按代码顺序加载，我们通常需要先将整个页面加载出来，再去加载页面内的功能，这样用户的体验更好

1.变量和数据类型

• Js中有三种变量var,age,const
var不常用，age就是普通变量，const是常量
• 主要的数据类型包括String、Number、Boolean、null、undefined
  使用console.log(typeof 变量名)可在控制台输出变量类型

2.输入输出

类似python
console.log("my name is"+变量name);

console.log(`my name is ${变量name}`);

下边方法需要使用反斜杠

3.字符串内置属性和方法

属性是 .
方法是 ()

---

先定义一个变量 `const s = "hello world;"` - 获取长度 `console.log(s.length);` - 转换大小写 `console.log(s.toUpperCase());` `console.log(s.toLowerCase());` - 切割字符串 `console.log(s.substring(始,末));`

可以进行嵌套如:console.log(s.substring(0,5).toUpperCase());
从而得到结果：HELLO

• 将字符串按照“o”分割为一个数组
  如：s.spilt("o")
  得到：(3){"hell"," w","rld"}

4.数组（略）

5.对象

这是一个对象实例：

const person = {
  name:"cyj",
  sex:"男",
  age:21,
  hobbies:["basketball","assassin's creed"],
  address:{
    city:"changsha",
    province:"hunan"
  }
};

增加属性：

person.height=182;    //height 为一个不存在的属性名

查找属性：
person.address.city;
抽出属性内的值：

const {
name,
age,
hobbies,
address:{city}
}=person;

6.条件语句

• if-else
  ==:数据内容相同，如10="10"
  ===:数据类型也需要相同，如10!="10"
  或
  使用三目运算符
  const color = x > 10 ? "red" : "blue" ;
• switch

switch(color){
  case "red":
    console.log("红色");
    break;
  case ……
  …………
  default:
    console.log("unknown");
}

7.循环

• for循环

for(lei i = 0 ; i < 10 ; i++){  //遍历从0到9
  console.log(i);
}

或者

for(lei 变量名 of 数组){      //遍历数组内所有元素
  console.log(todo.xxx);
}

• while循环

lei i = 0;
while (i<10){
  console.log(`value i is :${i}`);
  i++;
}