innerHTML与inner Text理解/数组各个方法区分,理解

DOM对象有这两个属性,且这两个属性代表DOM对象/标签下的内容区域。可读写,改值,则该DOM树下的节点都会改。innerText和innerHTML一样,只不过不能辨别标签。即使是用方法将DOM对象加到DOM对象S上,S改变inner HTML等都会改变节点,读innerHTML是内容区域的所有,innerText是内容区域的文字。

dataset存储自定义属性比如data都是以字符串的形式存储。

内存泄漏是指程序运行中,那一块内存不在使用,但是内存不释放,一直占用就叫做内存泄漏

静态成员和实例成员,类和实例不能互相访问。以及局部变量。内存如何存储???

数组方法总结

方法名 参数 返回值
forEach 一个函数 undefined
filter 一个函数 遍历数组,看返回值是否位true,对原数组过滤得到新数组,返回值是一个新数组
map 一个函数 遍历数组,每一次调用得到返回值,用返回值组成新数组
reduce 一个函数,和起始值 起始值默认位为0,遍历数组,每一次遍历都去调用函数,将上一次遍历的返回值,作为下一次的起始值,最后一次的返回值作为整个函数的返回值返回
join 一个函数 返回值是组成的字符串。
every 一个函数 返回值是true/false,遍历数组,根据返回值为true,每一次遍历都得是true,和过滤filter很像,不过它是根据返回值,返回为true的新数组
some 一个函数 返回值是true/false,遍历数组,根据返回值为true,遍历有true,和过滤filter很像,不过它是根据返回值,返回为true的新数组
find 一个函数 和filter很像,也是看每一次遍历的返回值是否为true,不过过滤是返回全部,但是find是返回第一个数值,且第一个数值是数组内的类型。

innerHTML与inner Text理解/数组各个方法区分,理解_第1张图片arr1-arr9输出

innerHTML与inner Text理解/数组各个方法区分,理解_第2张图片

伪数组转成真数组

document.querySelectorAll('div')返回值是伪数组,数组内存储了DOM对象的地址

innerHTML与inner Text理解/数组各个方法区分,理解_第3张图片

Array构造函数的from方法,参数是数组。能返回一个数组,这个数组是Array类,是真数组

且数组上数组元素存的DOM对象地址。

字符串方法总结

innerHTML与inner Text理解/数组各个方法区分,理解_第4张图片

方法名 参数 返回值
split 一个字符 数组,以参数隔开,不包含参数的数组,且数组都是字符类
subString 两个参数 字符调用第一参数开始,第二个参数结束,不包括第二个参数下标从,调用者字符串截取,返回值是字符串
startsWith 两个参数,第一个参数是调用者是否含有,第二个参数是从哪里开始对比 第二个参数默认是0,调用者从第二个参数开始对比。返回值是布尔值,字符串下标从0开始
endsWith 两个参数,第一个参数是调用者是否含有,第二个参数是从哪里开始对比 第二个参数默认是最后一个下标+1,调用者从第二个参数前一个下标开始对比。且是最后一个是第一个参数字符串最后一个下标对比。返回值是布尔值
includes 两个参数 调用者从第二个参数下标开始是否含有第一个参数的字符串。

Number实例方法

1.toFixed(2)//1.00

new Object()不写参数,返回一个空对象。

对象存储时,在对象内存的就是18.

{age:18}

你可能感兴趣的:(前端,javascript,html)