06_javascript初见

终于来到Javascript的学习了耶，之前对前端的了解甚浅，以至于一直对javascript都不怎么了解，这次从头学起，废话不多说。开始学习~！

前言

• 首先先介绍一下，如何写javascript，以及应该写在哪个位置。

javascript的内容应该由标签 script 包裹
<script> ...代码 </script>
至于script标签的位置，可在head标签内部，也可在body内部。
推荐放置在head标签内，以防对dom树造成影响（例如某dom还未加载出来，js就无法对其进行操作）

基础

• 数据类型与变量

1.Number (数字类型)
js中的数字类型包含整型数字以及浮点数字以及非数字，具体示例如下：
100 //整型，当然包括正负
0.01 //浮点型
1.1e2 //科学计数法
NaN //非数字类型
Infinity //无限大，当数字超过最大范围时，则为该值

2.字符串
字符串可由单引号或双引号包起来，例如
"string"
’string’
注意：
1. 如果你的字符串里想要包含单引号或双引号，则需要用转义符 \ 可能看不青，是个斜杠，就是Enter键上面那个按键.
2. 多行字符串可用反引号 `来包裹，就是Esc键下面那个按键。

3.布尔值
没啥可写的，就两个值
true
false

4.null和undefined
null表示空值，与0和’'不相等
undefined表示一个未定义的值

5.数组
这个非常重要呀，感觉js里这个一定要学好，特别是与数组相关的函数
刷了不少算法题，大部分都要用数组来解决
定义可用以下语法：
var array = new Array(…); 括号里可不填，也可填了初始值
或
var array = [1,2,3,4,5];

6.对象
就是一个有一些键值对组成的无序集合，请看以下代码段

var student = {
	name: "XXX",
	age: 20,
	className: "软工20191班",
	xxx,
	xxx
}
这，就是一个对象！

7.变量定义
变量定义就用 var，后面高级的let和const暂时不学，一步步来
变量名是大小写英文、数字、$和_的组合，不能用数字开头

字符串

• 字符串与变量的连接

最原始的方法
var stra = "hi hi hi";
var strb = "来啦";
var str = "嘿嘿," + stra + ",你" + strb;

最新方法
var str = `嘿嘿，${stra}，你${strb}`;

• 对字符串的一些操作（函数）

1.获取字符串长度

str.length

2.查找指定位置的字符

str.charAt(1)  ------>此处参数为数组下标，即位置

3.连接字符串

str.concat(str1,str2,...,strn)
可连接多个字符串，也可以使用+来连接

4.检索字符串，找到指定字符串

str.indexOf('xxx',startIndex*);
第一个参数是要查找的子串，第二个参数是从下标几开始查(可选)
找到后则返回查到第一个的子串开头位置，未找到返回-1
str.lastIndexOf('xxx',startIndex*);
第一个参数是要查找的子串，第二个参数是从下标几开始查(可选)
找到后则返回查到最后一个的子串开头位置，未找到返回-1

5.分割字符串，并将结果存入数组

var words = str.split(',')
该函数会将字符串以参数未分隔符，分割为若干个字符串，并存入words数组。

6.其他类型转换为字符串

var num = 123;
var str = num.toString();
或
var str = String(num);
或
var str = "" + num;

7.字符串替换

var str = "Hello World!";
str = str.replace("World", "Javascript")
第一个参数是想要替换的字符串，第二个是指定字符串
结果为："Hello Javascript!"

8.字符串切割与截取

1. slice() 函数
第一个参数是起始位置，第二个参数是截止位置
var str = "hello world";
str.slice(5);		---->" world"
str.slice(5,7);		---->" w"
str.slice(-5);		---->"world"
str.slice(-5,-2);	---->"wor"

2. substr() 函数
与slice() 函数稍微不同的是，它第一个参数是起始位置，第二个参数是长度。
var str = "hello world";
str.slice(5);		---->" world"
str.slice(5,2);		---->" w"

9.大小写转换

var str = "Hello World"
1.toUpperCase() 转换为大写字母
str.toUpperCase()		---->"HELLO WORLD"
2.toLowerCase() 转换为小写字母
str.toLowerCase()		---->"hello world"

10.去除字符串两端空格

var str = "      hello world!     ";
str.trim()		-->"hello world!"

这一节关于字符串的操作特别多，但是这些都是后期做项目时经常会用到的一些操作，需要全部记住。