js总结知识点

1：对象运用

aaa.toString():将数组或者对象转化为字符串   join('-'):数组转化成字符串添加连字符

JSON.stringify():将对象转化成字符串

JSON.parse():将字符串转换为对象

object.value(obj):将对象的value值转化为数组

object.key(obj):将对象的key转化为数组

Array.from():将对象转换成数组

JSON.stringify(..., null, 2)：将数组转化为格式化，null 表示不使用替换函数，2 表示每层缩进两个空格，以便于阅读。

Object.keys:获取对象所有可枚举属性的名称，并以数组的形式返回这写名称

const user={name:'xiaoh'age:1}
const a=Object.keys(user)
console.log(keys)    //['name','age']

2：数组运用

findIndex(回调函数):查找数组中符合特定条件的第一个索引，也可判断一个元素存不存在这个数组中返回下标如果找不到则返回-1           （callback回调函数）返回索引或-1

includes(某个元素)：用于检测数组或字符串中是否包含特定元素的方法，（数组中搜索的元素，开始搜索的索引）  返回boolean

find(回调函数) 是 JavaScript 数组中的一个方法，用于返回数组中满足提供的测试函数的第一个元素的值。如果没有找到满足条件的元素，则返回 undefined。   返回满足条件第一个元素

some(回调函数):遍历数组是否存在满足条件的列，他返回一个布尔类型   （callback回调函数）返回boolean

slice(开始提取的索引，结束提取的索引)：从数组或字符串中提取部分内容的方法，返回一个新数组和字符串

replace('被替换的字符'，’替换的字符‘)  ：返回一个新字符串

NodeList 对象是节点的集合，是一个类似数组的对象节点，一般通过document.qureySelectAll返回的，可以通过Array.from(document.qureySelectAll())把他转换成数组，然后通过forEach遍历   例如

数组的合并去重方法：new Set([...数据1，...数据2，...数据3])  //返回的是一个set对象

                            [...new Set([...数据1，...数据2，...数据3])] //返回的是一个数组

对象赋值合并方法：Object.assign(target,obj1,obj2)   //后面的值会覆盖前面的值

3：js去除字符串的空格

1.去除字符串中所有空格：

string.replace(/\s*/g, '');

2.去除字符串俩头的空格：

str.replace(/^\s*|\s*$/g, '');

3.去除字符串头部空格

str.replace(/^\s*/g, '');

4.去除字符串尾部空格

str.replace(/\s*$/g, '');

reduce(回调函数，初始值) ：累加，计算总和

回调函数可以接收三个参数：上一次回调函数返回的结果，当前元素的 值，索引位置

数组去重的方法：newSet(arr) set会自动去除重复元素

4.数值的转换

• Number( ):将参数转化为数字类型，他可以用于将字符串、布尔值、对象转换为数字

console.log(Number('123'));         // 123
console.log(Number('123.45'));      // 123.45
console.log(Number('123abc'));      // NaN (不是有效的数字)
console.log(Number(true));          // 1 (true 转换为 1)
console.log(Number(false));         // 0 (false 转换为 0)
console.log(Number(null));          // 0 (null 转换为 0)
console.log(Number(undefined));     // NaN (undefined 转换为 NaN)

• parseInt()：函数将字符串解析为整数。它可以处理以不同进制表示的数字，但会忽略字符串中的小数点和其他非数字字符。可以通过第二个参数指定解析的基数（进制）。

console.log(parseInt('123'));         // 123
console.log(parseInt('123.45'));      // 123 (忽略小数部分)
console.log(parseInt('123abc'));      // 123 (忽略后面的非数字字符)
console.log(parseInt('0x10'));        // 16 (十六进制表示的 16)
console.log(parseInt('10', 2));       // 2 (二进制表示的 10)
console.log(parseInt('10', 8));       // 8 (八进制表示的 10)
console.log(parseInt('10', 10));      // 10 (十进制表示的 10)

• parseFloat() 函数将字符串解析为浮点数。与parseInt() 不同，parseFloat() 可以处理小数点，并且会忽略字符串中的其他非数字字符（直到遇到非法字符为止）。

console.log(parseFloat('123'));       // 123
console.log(parseFloat('123.45'));    // 123.45
console.log(parseFloat('123.45abc')); // 123.45 (忽略后面的非数字字符)
console.log(parseFloat('0.1'));       // 0.1
console.log(parseFloat('1e2'));       // 100 (科学计数法表示的 100)
console.log(parseFloat('10.1234e2')); // 1012.34 (科学计数法表示的 1012.34)