web2 - JavaScript
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()方法，用于去除字符串两端的空格（同时包含换行符“\n”，制表符"\t、\v"和回车符“\r”），返回一个新字符串，不改变原字符串。
//14 match()方法，用于确定原字符串是否匹配某个子字符串，返回一个数组，数组元素为匹配的第一个字符串。如果没有找到匹配，则返回null。match()方法还可以使用正则表达式作为参数。
//15 search()方法，用法等同于match()方法，但是返回值为匹配的第一个位置。如果没有找到匹配，则返回-1。search()方法同样可以使用正则表达式作为参数。
//16 replace()方法，用于替换匹配的子字符串，一般情况下只替换第一个匹配（除非使用带有g修饰符的正则表达式），假如没有找到，则不会进行任何替换操作。replace()方法同样可以使用正则表达式作为参数。
//17 toLowerCase()和toUpperCase()方法，toLowerCase()方法用于将一个字符串全部转为小写，toUpperCase()则是全部转为大写。它们都返回一个新字符串，不改变原字符串。
//18 Base64转码，btoa() 将字符串或二进制值转为Base64编码，atob() 将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}
作者：markbin
本文版权归作者所有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利.
