JavaScript基础笔记(待更新)

1.JS获取元素 通过ID获取
document.getElementById('id名')通过标签名获取
document.getElementsByTagName('标签名');通过HTML5新增方法获取
document.getElementsByClassName('类名')；// 根据类名返回元素对象集合
document.querySelector('选择器');// 根据指定选择器返回第一个元素对象
如:document.querySelector('#nav')
document.querySelectorAll('选择器');// 根据指定选择器返回，如:document.querySelectorAll('.nav')特殊元素获取
body元素 doucumnet.body // 返回body元素对象
HTML元素 document.documentElement // 返回html元素对象 2. JS字符串方法 .length属性返回字符串的长度.indexOf()方法返回字符串中指定文本首次出现的索引（位置）或-1，可以第二个参数，表示开始查找的位置.lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引或-1.search() 方法搜索特定值的字符串，并返回匹配的位置，没有第二个参数提取部分字符串
○ .slice(start, end)，起始索引（开始位置），终止索引（结束位置），如果某个参数为负，则从字符串的结尾开始计数。如果省略第二个参数，则该方法将裁剪字符串的剩余部分
○ .substring(start, end)不接受负值索引
○ .substr(start, length)第二个参数规定被提取部分的长度.replace(str1,str2) 方法用另一个值替换在字符串中指定的值,2替换1通过 .toUpperCase() 把字符串转换为大写通过 .toLowerCase() 把字符串转换为小写.concat() 连接两个或多个字符串.trim() 方法删除字符串两端的空白符提取字符串字符
○ .charAt(position)方法返回字符串中指定下标（位置）的字符串
○ .charCodeAt(position)方法返回字符串中指定索引的字符 unicode 编码ECMAScript 5 (2009) 允许对字符串的属性访问 [ ]：

var str = "HELLO WORLD";
str[0];                   // 返回 H

可以通过 .split() 将字符串转换为数组.match() 方法根据正则表达式在字符串中搜索匹配项，并将匹配项作为 Array 对象返回

let text = "The rain in SPAIN stays mainly in the plain";
text.match(/ain/g)    // 返回数组 [ain,ain,ain]

如果字符串包含指定值，includes() 方法返回 true如果字符串以指定值开头，则 .startsWith(searchvalue, length) 方法返回 true，否则返回 false, length可选，要搜索的长度如果字符串以指定值结尾，则 .endsWith(searchvalue, length) 方法返回 true，否则返回 false，length可选，要搜索的长度将变量和表达式插入字符串${...}

let firstName = "John"; 
let lastName = "Doe";  
let text = `Welcome ${firstName}, ${lastName}!`;

3. 数字方法 .toString() 以字符串返回数值，参数定义为把数输出为十六进制、八进制或二进制.toExponential() 返回字符串值，它包含已被四舍五入并使用指数计数法的数字。参数定义小数点后的字符数.toFixed() 返回字符串值，参数定义了指定位数小数的数字.toPrecision() 返回字符串值，参数定义了指定长度的数字.valueOf() 以数值返回数值将变量转化为数字
○ Number() 方法
○ parseInt() 方法
○ parseFloat() 方法 4. 数组方法 .length 属性返回数组的长度（数组元素的数目）.toString() 把数组转换为数组值（逗号分隔）的字符串.join() 方法也可将所有数组元素结合为一个字符串，还可以规定分隔符.pop() 方法从数组中删除最后一个元素，返回“被d出”的值.push() 方法（在数组结尾处）向数组添加一个新的元素，返回新数组的长度.shift() 方法会删除首个数组元素，并把所有其他元素“位移”到更低的索引，返回被“位移出”的字符串.unshift() 方法（在开头）向数组添加新元素，并“反向位移”旧元素，返回新数组的长度.splice() 方法可用于向数组添加新项，第一个参数定义了应添加新元素的位置（拼接），第二个参数定义应删除多少元素，其余参数定义要添加的新元素。返回一个包含已删除项的数组.concat() 方法通过合并（连接）现有数组来创建一个新数组，也可以将值作为参数，可以合并三个数组arr1.concat(arr2, arr3).slice() 方法用数组的某个片段切出新数组，可接受两个参数，比如 (1, 3)。该方法会从开始参数选取元素，直到结束参数（不包括）为止，如果结束参数被省略，则 .slice() 会切出数组的剩余部分数组排序
○ .sort() 方法以字母顺序对数组进行排序
○ .reverse() 方法反转数组中的元素数组迭代
a. .forEach(callback(currentValue [, index [, array]])[, thisArg])方法按升序为数组中含有效值的每一项执行一次 callback函数，那些已删除或者未初始化的项将被跳过
■ callback为数组中每个元素执行的函数该函数接收一至三个参数：
■ currentValue：数组中正在处理的当前元素
■ index ：可选，数组中正在处理的当前元素的索引
■ array ：可选，forEach() 方法正在 *** 作的数组
■ thisArg ：可选参数，当执行回调函数 callback 时，用作 this 的值
b. .map(callback(currentValue[, index[, array]]) [, thisArg])返回一个由原数组每个元素执行回调函数的结果组成的新数组，参数如上
c. .filter(callback(element[, index[, array]])[, thisArg]) 返回一个新的、由通过测试的元素组成的数组，如果没有任何数组元素通过测试，则返回空数组
d. .reduce((previousValue, currentValue, currentIndex, array) => { /* ... */ }, initialValue)，对数组中的每个元素按序执行一个提供的 reducer 函数，每一次运行 reducer 会将先前元素的计算结果作为参数传入，最后将其结果汇总为单个返回值。
包含四个参数：
previousValue：上一次调用 callbackFn 时的返回值。在第一次调用时，若指定了初始值 initialValue，其值则为 initialValue，否则为数组索引为 0 的元素 array[0]。
currentValue：数组中正在处理的元素。在第一次调用时，若指定了初始值 initialValue，其值则为数组索引为 0 的元素 array[0]，否则为 array[1]。
currentIndex：数组中正在处理的元素的索引。若指定了初始值 initialValue，则起始索引号为 0，否则从索引 1 起始。
array：用于遍历的数组。
initialValue ：可选，作为第一次调用 callback函数时参数 previousValue 的值。若指定了初始值 initialValue，则 currentValue 则将使用数组第一个元素；否则 previousValue将使用数组第一个元素，而 currentValue 将使用数组第二个元素。
e. .reduceRight(callback(accumulator, currentValue[, index[, array]])[, initialValue])接受一个函数作为累加器（accumulator）和数组的每个值（从右到左）将其减少为单个值，返回执行之后的返回值
f. .every(callback(element[, index[, array]])[, thisArg])方法测试一个数组内的所有元素是否都能通过某个指定函数的测试。它返回一个布尔值
g. .some(callback(element[, index[, array]])[, thisArg])方法测试数组中是不是至少有1个元素通过了被提供的函数测试。返回布尔值
h. .indexOf(searchElement[, fromIndex])方法返回在数组中可以找到一个给定元素的第一个索引，如果不存在，则返回-1
■ searchElement：要查找的元素
■ fromIndex ：可选，开始查找的位置。如果该索引值大于或等于数组长度，意味着不会在数组里查找，返回-1。如果参数中提供的索引值是一个负值，则将其作为数组末尾的一个抵消，即-1表示从最后一个元素开始查找，-2表示从倒数第二个元素开始查找 ，以此类推。 注意：如果参数中提供的索引值是一个负值，并不改变其查找顺序，查找顺序仍然是从前向后查询数组。如果抵消后的索引值仍小于0，则整个数组都将会被查询。其默认值为0.
i. Array.lastIndexOf() 与 Array.indexOf() 类似，但是从数组结尾开始搜索
j. .find(callback(element[, index[, array]])[, thisArg])方法返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined
k. .findIndex(callback(element[, index[, array]])[, thisArg])方法返回数组中满足提供的测试函数的第一个元素的索引。若没有找到对应元素则返回-1
l. .includes(valueToFind[, fromIndex])方法用来判断一个数组是否包含一个指定的值，根据情况，如果包含则返回 true，否则返回 false
m. .keys()方法返回一个包含数组中每个索引key的Array迭代器对象
n. .values()方法返回一个包含数组每个索引的值的Array迭代器对象 4. 日期 创建Date对象
○ new Date()用当前日期和时间创建新的日期对象
○ new Date(year, month, day, hours, minutes, seconds, milliseconds)用指定日期和时间创建新的日期对象
○ new Date(milliseconds)创建一个 1970 年 1 月 1 日零时加毫秒的新日期对象
○ new Date(date string)从日期字符串创建一个新的日期对象日期获取方法
日期设置方式
5. 扩展运算符 扩展运算符能够将一个字符串分割成数组，数组中元素为组成字符串的每个字符

[...'show me']
//['s','h','o','w',' ','m','e']

扩展运算符的用例：
○ 数组的连接
○ 将一个数组放入列表
○ 解构
○ new关键字和apply方法