web2

JavaScript 知识要点

1.JavaScript 和 Java 的关系？

3.如何在 html 中使用 JavaScript？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script>
        var string = "hello javaScript";
        console.log(string);
    </script>
</head>
<body>
</body>
</html>

一、JavaScript 在 html 中的运行与调试

1.终端信息输出 console.log

console.log("我是终端输出");

2.内容及标签输出 document.write

var a = "<h1>我是一级标题<h1>";
document.write(a);

2.三种弹窗方式：alert、confirm、prompt

//第一种
alert("我是第一个 JavaScript 弹窗！");
alert("我是第二个 JavaScript 弹窗！");

//第二种
var info = confirm("您确定要提交订单吗？");
if (info == true) {
   document.write("您提交了订单！");
} else {
document.write("您取消了订单！");
}

//第三种
prompt("我是message", "我是value");

二、JavaScript 中的运算符

JavaScript 算术运算符：+ 、- 、* 、/ 、%
JavaScript 赋值运算符：=
JavaScript 比较运算符：== 、!= 、> 、< 、>= 、<=
JavaScript 逻辑运算符：&& 、||、！
JavaScript 自增自减运算符 ++
JavaScript 中的复合运算符 --

三、JavaScript 流程语句

if(){} 条件为真，执行 if 语句块里面的内容
if(){} else(){} 条件为真，执行if语句块的内容，条件为假，执行 else 里面的内容
if(){} else if(){} else{} 多条件语句
for(){} 和 java for 循环类似
while(){} 条件满足，执行while里面的内容
do{}while(); 无论条件是否满足，先执行依次do里面的内容
switch(){} 选择执行case语句
continue; 继续执行下一次循环
break; 跳出循环
三目运算符 布尔语句?true:false

四、JavaScript 中的数据类型及常见操作

1.var 类型

var int = 123;
var float = 123.0;
var string = "string";
var boolean = true;

2.function（函数）

//1.如何定义一个 JavaScript 函数（方法）
function 方法名(参数)
{
	这里是要执行的代码
}

//2 如何调用一个 JavaScript 函数?
//3 如何定义带参数的 JavaScript 函数?
//4 如何使 JavaScript 函数带返回值？

3.number（数值型）1,2,3,4,5

//1 Math常用方法 pow()，round(),random()，max()，min()

//2 科学计数 e 的使用

//3 不是数字的数字--NaN

//4 “NaN”基本不和任何类型的数据相等，要判断一个数据的值是否是“NaN”，JavaScript提供了一个方法：isNaN(param)

//5 不同的数据类型进行加减乘除, + 号起拼接字符串作用，其他符号起算术运算作用

//6 数值型的进制 二进制：0b/0B、八进制：0o/0O、十六进制：0x/0X

//7 整数转换 parseInt()

//8 浮点数转换 parseFloat()

//9 转换为数值 Number()

4.string（字符串）在JavaScript中，所谓的字符串就是包含在英文"双引号"或'单引号'中的内容

//1 从表单元素中获取到的值的数据 document.getElementsByTagName

//2 通过 innerHTML 属性和 textContent 属性获取到的文本内容

//3 数组和字符串是可以互相转换的，这就需要用到两个方法：“split()”和“join()”

//4 String() 构造字符串

//5 toString() 将一个数值转换为对应参数的进制数

//6 使用 concat() 方法拼接数值型

//7 使用 + 方法拼接数值型

//9 使用 slice()方法，从原字符串取出子字符串并返回，不改变原字符串。第一个参数表示开始位置，第二个参数表示结束位置（可为正、负数）

//10 substring()方法，也是获取子串，但不推荐使用

//11 substr()方法，第一个参数表示起始位置，第二个参数表示截取的长度

//12 indexOf()方法和lastIndexOf()方法查询字符或字符串的位置

//13 trim()方法，用于去除字符串两端的空格（同时包含换行符“
”，制表符"	、v"和回车符“
”），返回一个新字符串，不改变原字符串。

//14 match()方法，用于确定原字符串是否匹配某个子字符串，返回一个数组，数组元素为匹配的第一个字符串。如果没有找到匹配，则返回null。match()方法还可以使用正则表达式作为参数。

//15 search()方法，用法等同于match()方法，但是返回值为匹配的第一个位置。如果没有找到匹配，则返回-1。search()方法同样可以使用正则表达式作为参数。

//16 replace()方法，用于替换匹配的子字符串，一般情况下只替换第一个匹配（除非使用带有g修饰符的正则表达式），假如没有找到，则不会进行任何替换操作。replace()方法同样可以使用正则表达式作为参数。

//17 toLowerCase()和toUpperCase()方法，toLowerCase()方法用于将一个字符串全部转为小写，toUpperCase()则是全部转为大写。它们都返回一个新字符串，不改变原字符串。

//18 Base64转码，btoa() 将字符串或二进制值转为Base64编码，atob() 将Base64编码转为原来的编码

Base64 编码

5.boolean（布尔型）true / false

// 布尔型主要用于判断语句

// 布尔表达式？

6.JavaScript 中的数组 [1,2,3,4,5] 或者 [1,,'A',"hello","你好"，true]

//1 JavaScript 中的数组的定义使用 []

//2 支持下标取值, Object.keys获取数组所有的下标。

//3 可以使用 length 获取数组长度

//4 数组的空位，使用运算符in，适用于对象，也适用于数组。该运算符用于检测数组元素的某个位置是否存在元素，返回的是一个布尔值

//5 使用 Array.isArray()方法，判断是否为一个数组对象

//6 valueOf()方法用于返回对象本身的值，这是各种数据类型对象的通用方法

//7 toString()方法可以将值转化成一个字符串，这和String()方法的作用是一样的，同样为一个通用的方法

//8 push()方法用于在数组的末端添加一个或多个元素，并返回添加新元素后的数组长度，该方法会改变原数组

//9 concat()方法，只能拼接两个数组，并且参数里必须包含本身。

//9 pop()该方法的使用方式和push()基本一样，但它的作用是删除数组的最后一个元素，并返回该数组元素。也就是说该方法一次只能删除一个，不能删除多个。任何参数对于它来讲都是无效的。

//10 shift()方法，该方法的使用和pop()方法类似，它的作用是删除数组中的第一个元素，并返回该数组元素。仍然一次只能删除一个，参数对它无效。该方法同样会改变原数组。

//11 unshift()方法，该方法的使用和push()方法类似，它的作用是在数组的开始位置插入或添加（已有数组称插入，空数组称添加，）一个新的元素，并返回该数组长度。该方法同样会改变原数组。

//12 slice()方法，该方法用于提取原数组的一部分，返回一个新数组，原数组不变。它的第一个参数为起始位置（从下标0开始），第二个参数为终止位置（不包括该位置）。

//13 splice()方法，该方法用于删除原数组的一部分成员，并可以在被删除的位置添加入新的数组成员，返回值是被删除的元素。注意，该方法会改变原数组。该方法中的第一个参数是删除的起始位置，第二个参数是被删除的元素个数。

//14 sort()方法，排序

//15 reverse()方法，该方法的作用是将已有数组倒序排列

//16 map()，该方法对数组的所有成员依次调用一个函数，根据函数结果返回一个新数组。该方法不会改变原来的数组。方法内的函数，最多可以接受3个参数。第1个，就是上面例子中出现的参数，它表示数组内每个元素的本身；第2个，表示数组内元素的下标位置；第3个，表示数组本身

//17 forEach()方法，它接受三个参数，分别是当前位置的值、当前位置的下标和整个数组

//18 filter()方法，从方法名来看该方法的主要作用是过滤，它的参数是一个函数，所有数组成员依次执行该函数，返回结果为true的成员组成一个新数组返回。该方法不会改变原数组

//19 some()方法，它的函数接受三个参数，依次是数组元素、元素下标和原数组。只要有一个数组成员的返回值是true，则整个some()方法的返回值就是true，否则返回false。这理解起来和逻辑运算符或“||”比较相似

//20 every()方法，它的函数接受三个参数，依次是数组元素、元素下标和原数组，是只要有一个数组成员的返回值是false，和every()方法的返回值就是false，否则返回true。这理解起来和逻辑运算符与“&&”比较相似

//21 reduce()和reduceRight()方法，这两个方法依次处理数组的每个成员，最终累计为一个值。它们支持最多四个参数，前两个参数是必需配置的，后面的参数可以选配

//22 indexOf()和lastIndexOf()方法，第一个参数表示要检索的元素。这两个方法还能配置第二个参数，表示开始检索的位置

7.JavaScript 中的对象 var obj = {key:value}