JavaScript学习笔记

1.第一个JavaScript程序

选择一个自己常用的浏览器，按下键盘上的F12，打开浏览器中的开发者工具，点击控制台，进入JavaScript控制台，如下图

 输入console.log('Hello World')，后按下回车

即可在控制台中输出Hello World

 或者尝试数学运算，比如2+2

 再或者通过alert函数弹出一个弹窗

 2.搭建开发环境

开发软件：vscode

需安装live server插件

3.在浏览器中运行JavaScript文件

（1）变量与常量

一般使用let与const变量，区别在于：let的值可以被修改，而const不行

同时，const变量需在初始化时赋值，否则会报错

（2）原生数据类型

String：字符串类型

Number：数字类型（无论整数或小数）

Boolean：true或false

null：数值为空

undefined：根本不定义

可通过typeof函数了解数据类型

（3）模板字符串

可通过加号将两个字符串连接起来，或是将其他类型连接起来

或者在字符串中使用${常量}，可直接将字符串与其他类型的量连接起来

也可以将字符串赋值给一个常量，再打印此常量，也可以输出此字符串

（4）字符串的内置方法

例如，设const s="Hello World"，

则s.length为该字符串长度，

s.toUpperCase()为将该字符串全部大写，

s.toLowerCase()为将该字符串全部小写，

s.substring(a,b)为将该字符串分开，a，b分别为起始和终止位置的索引，

s.split()为分割字符串的分割点，若s=a,b,c,则s.split(",")为，0：a，1：b，2：c，length=3

（5）数组

同理设a为一个数组，

则a.push()可在数组末尾添加元素，

a.unshift()可在数组前添加元素，

a.pop()可删除数组末尾元素，

Array.isArray()查看是否是一个数组，存在为true，不存在为false，

a.indexOf()可查看特定元素的索引

（6）对象

如上图，可通过复制方法将对象中的元素提取出来，

 如上图，也可以将对象元素提取出来

 如上图，还可以在对象中添加新的元素

（7）对象数组和JSON

对象数组与C++中类似，不多赘述

若设a为对象数组，则可通过const todoJSON()=JSON.stringify(a),将该数组转为JSON格式

（8）if语句，三目运算符，switch case语句均与c语言中类似，不多赘述

（9）===符号表示类型相同且值相同