JavaScript学习笔记

JavaScript方法集

事件句柄列表

.onabort 图像的加载被中断

.onblur 元素失去焦点

.onchange 域的内容被改变

.onclick 单击事件

.ondblclick 双击事件

.onerror 在加载文档或图像时发生错误

.onfocus 元素获取焦点

.onkeydown 键盘按下

.onkeypress 键盘按下并松开

.onkeyup 键盘松开

.onload 页面或图片完成加载

.onmousedown 鼠标按下

.onmousemove 鼠标移动

.onresize 窗口或框架被重新调整大小

.onsubmit 确认按钮被点击

.onreset 重置按钮被点击

.onselect 文本被选中

.onunload 用户退出页面

鼠标/键盘属性

.altKey 当事件触发时, ALT键是否被按下

.button 当事件触发时, 哪个按钮被点击

.clientX 当事件触发时, 鼠标指针的水平坐标

.clientY 当事件触发时, 鼠标指针的垂直坐标

.ctrlKey 当事件触发时, CTRL键是否被按下

.metaKey 当事件触发时, META键是否被按下

.screenX 当某个事件触发时, 鼠标指针的水平坐标

.screenY 当某个事件触发时, 鼠标指针的垂直坐标

.shiftKey 当事件触发时, SHIFT键是否被按下

.relatedTarget 返回与事件的目标节点相关的节点

Math对象方法

.ceil() 对数进行上舍入

.floor() 对数进行下舍入

.toSource() 返回该对象的源代码

.valueOf() 返回Math对象的原始值

Number对象方法

.toString() 把数字转为字符串，使用指定的基数（几进制）

.toLocaleString() 把数字转为字符串，使用本地格式

.toFixed() 把数字转换为字符串，结果的小数点后有指定位数的数字

.toExponential() 把对象的值转换为指数计数法

.toPrecision() 把数字格式化为指定的长度

<script>
	window.onload = function(){
		var search = document.querySelector("#search");
		//获取焦点
		search.focus();
		//当输入内容时，触发事件
		search.onkeydown = function(){
			alert("文本框内容改变，执行搜索");
		}
	}
</script>

JavaScript 代码 写在body处能直接识别

function add(...values){**

**let sum = 0;**

**for (var val of values){**

**sum+= val;**

**}**

**return sum;**

**}**

**var num = add(2,5,3)**

**console.log(num)**

箭头函数

格式:	var f = v=>v;			意思是：**		#第一个v是函数参数，第二个是return的返回值

**var f = function(v){**

**return v;**

**}

属性的遍历

for(变量 in 对象){

语句；

}

是把属性遍历出来给所需变量里

当指定一个新的索引与已存在最大索引的差大于等于2时，该数组变成稀疏数组。

push()方法

向数组的尾部追加一个或多个元素

pop()方法

删除数组中的最后一个元素，返回被推出数组的元素，不需要任何参数。

unshift()方法

向数组头部插入一个或多个元素

shift()方法

删除数组中的第一个元素，并将原索引递减1，不需要传递参数。

forEach()方法

按照索引顺序将元素依次传递给已定义的一个函数

格式：array.forEach(function(参数(必选)，索引，数组))

示例代码：

<script>
    var array = [1,2,3,4,5]
	array.foreach(function(x){
        console.log(x);
    });
</script>

charAt()方法

字符串中访问自身的字符，参数为索引

join()方法

将数组的所有元素转换为字符串，并将每个数组元素进行连接，返回最终生成的字符串。

格式：myArrary.join(separator)

separator该参数是指元素之间的分隔符

concat()方法

连接两个或多个数组，不会修改原数组，返回一个新的数组。 连接的数组在原数组的尾部添加

splice()方法

用于插入、删除或替换数组的元素，然后返回被操作的元素

<script>
    var array = ["A","B","C","D"];
	//从索引0开始，删除2个元素，并用E进行替换
	var array1 = array.splice(0,2,"E");
	console.log(array1);
	console.log(array);
</script>

slice()方法

用于对数组的元素截取片段，返回被操作的元素

.slice(开始的索引位置，结束的索引位置)

map()方法

调用数组的每个元素传递给指定的回调函数，并返回一个数组

生成新数组，不修改原数组

filter()方法

如果返回值是true，则添加到新的数组中

<script>
	var array = [1,2,3,4,5];
	var arr = array.filter(function(e){
		return x<3;
	});
	console.log(arr);
</script>

every()和some()方法

具有类似的效果，对调用数组的每个元素进行逻辑判断，返回true或者false

reduce()和reduceRight()方法

将数组元素进行组合，生成单个值

indexOf()和lastindexOf()方法 #返回索引

用来搜索元素中的指定元素，会返回寻找到的第一个元素的数组，没有此元素则返回-1

indexOf()方法是从头到尾寻找

lastIndexOf()方法是从尾到首搜索

Array.of()方法

将一组值转换为数组，参数可以为任意类型

find()和findIndex()方法

用于找出第一个符合条件的数组成员

<script>
	//自定义一个数组
	var myArray = [1,5,7,99,101,999,888];
	//自定义数组调用find方法，返回第一个条件为true的元素
	var number = myArray.find(element =< element >100);
	console.log(number);
</script>

fill()方法

使用给定值填充一个数组。

格式：.fill(“需要填充替换的元素”，初始索引位置，结束索引位置)

substring()方法

用于提取字符串

格式：.substring(提取开始的索引下标，提取结束的索引下标) //不包含结束位置

默认给定一个参数，则是指读取到字符串结尾

substr()方法

从指定位置开始，提取第二个参数的字符串长度

开始位置可以为负

RegExp对象

var reg = new RegExp("r");	//匹配r字母
var reg = new RegExp("\r");	//匹配一个回车符