温习日志-10

温习日志

——2023年1月30日下午

学习内容

• 简单数组方法
  1. 通过arr.slice(开始截断索引， 截断后一位索引)返回的是截断后的新数组
  2. 如果slice中不放任何参数就是类似于浅拷贝
  3. 通过arr.splice(开始截断索引， 截断数量， 在截断索引处插入的值)返回被截断的集合数组，改变原数组
  4. 通过arr.reverse()返回的是被翻转的数组，改变原数组
  5. 通过arr.concat(arr2)将arr2和arr连接成新的数组
  6. 通过arr.join(连接的值)将数组中的每一个值提供指定值连接
• 新的at方法
  1. 在平时的数组访问值，访问最后一个值arr[arr.length - 1]
  2. 也可以使用arr.slice(-1)[0]访问最后一个值
  3. 通过arr.at(-1)可以直接访问数组的最后一个值
• 循环数组__forEach
  1. 通过arr.forEach(遍历的当前值， 遍历索引， 遍历的数组)进行遍历，不返回任何的值
  2. map也有内置的forEach方法，方法如右：map.forEach(键， 值， map本身)
  3. set也有内置的forEach方法，方法如右：set.forEach(值， 值， set本身)
• 创建DOM元素
  1. 通过获取的DOM元素dom.innerHTML = ''将dom元素中的值赋值为''
  2. 可以将写好的元素插入元素中，dom.inserAdjacentHTML(插入的位置， 写好的元素)

beforestart
<div>
	afterstart
	<p></p>
	beforeend
</div>
afterend

• 练习1，详见于代码
• map方法
  1. 通过arr.map(遍历的当前值， 遍历索引， 遍历的数组)进行遍历，修改数组中的值，返回一个新的数组
• filter方法
  1. 通过arr.filter(遍历的当前值， 遍历索引， 遍历的数组)进行遍历，返回为真的值
• reduce方法
  1. 通过arr.reduce((累加值， 遍历的当前值， 遍历索引， 遍历的数组) => {}, 初始值)进行遍历，返回累加的值
• 练习2，详见于代码

明日计划

• 明天十二点半起床，十三点开始学习JS基础知识
• 学习至下午五点半
• 晚上六点半学习React知识
• 学习至八点半