js快速入门——String、Array、Object常用方法

String类型的常用方法：

 const str = ' hello world '
  str.charAt(1) // 传入下标 返回对应字符串 'h'
  str.indexOf('h') // 传入字符串 从左往右找到第一个h的下标  1
  str.length //  字符串长度 13
  str.concat('你好世界') // 两个字符串合并返回新的字符串 " hello world 你好世界"
  str.includes('hello') // 是否包含传入的字符串 true
  str.match(/hello/g) // 匹配正则表达式返回对应的字符串的数组 ["hello"]
  str.replace(/\s/g, '空白') // 匹配正则表达式替换对应的字符串 "空白hello空白world空白"
  str.substr(0, 2) // 从小标0开始截取长度为2的字符串片段 " h"
  str.substring(1, 2) // 从小标1开始到2下标的前一位的字符串片段 ”h“
  str.slice(1, 2) // 从小标1开始到2下标的前一位的字符串片段 ”h“
  str.split('h') // 以h字符分割产生多个片段集合 [" ", "ello world "]
  str.toLocaleLowerCase() // 处理字符串全小写 " hello world "
  str.toLocaleUpperCase() // 处理字符串全写 " HELLO WORLD "
  String() // 传入各种数据类型 转化为 字符串类型  

数组类型的常用方法

 let arr = [{ name: 'chen', age: 18 }, { name: 'liu', age: 17 }, { name: 'zhang', age: 19 }]
arr[0] // 通过数组下标进行访问 { name: 'chen', age: 18 }
arr.forEach(item => console.log(item)) // 访问数组的每一项元素
arr.map(item => item.age) // 返回新数组 [18, 17, 19]
arr.filter(item => item.age < 18) // 过滤返回新数组
arr.find(item => item.age > 17) // 根据条件找到后返回对应的一组元素（找到后停止循环），没有则返回undefined  {name: "chen", age: 18}
arr.findIndex(item => item.age > 17) // 根据条件找到后返回对应的下标（找到后停止循环），没有则返回-1   0
arr.slice(0, 1) // 截取从小标0开始到1下标的前一位的元素为止  { name: 'chen', age: 18 }
arr.concat([1]) // 两个数组合并返回新的数组  [{ name: 'chen', age: 18 }, { name: 'liu', age: 17 }, { name: 'zhang', age: 19 }， 1]
arr.some(item => item.name === 'liu') // 只要数组中有一组元素name为liu，则返回true反之为false     true
arr.every(item => item.name === 'liu') // 只要数组中有一组元素name不为liu，则返回false反之为true    false
arr.splice(0, 1, 'new', 'new2') // 返回被替换的数组[{ name: 'chen', age: 18 }], 原数组发生改变["new", "new2", { name: 'liu', age: 17 }, { name: 'zhang', age: 19 }]
arr.push({ 'name': 'new' }) // 往数组末尾新增一组元素回当前数组长度， 实际元素变为 ["new", "new2", { name: 'liu', age: 17 }, { name: 'zhang', age: 19 },{ 'name': 'new' }]
arr.pop() // 删除数组末尾一组元素返回对应元素{ 'name': 'new' }， 实际元素变为 ["new", "new2", { name: 'liu', age: 17 }, { name: 'zhang', age: 19 }]
arr.unshift('new0') // 往数组头部新增一组元素返回当前数组长度， 实际元素变为 ["new0", "new", "new2", { name: 'liu', age: 17 }, { name: 'zhang', age: 19 }]
arr.shift('new0') // 删除数组头部一组元素返回对应元素'new0'，实际元素变为 ["new", "new2", { name: 'liu', age: 17 }, { name: 'zhang', age: 19 }]
arr.reduce((total, current) => total + (current.age || 0), 0) // 数组中age累加   36
arr = [1, 6, 10, 4, 5]
arr.join(';') // 将数组转为字符串 "1;6;10;4;5"
arr.sort((a, b) => a - b) // 排序 [1, 4, 5, 6, 10]
arr.reverse() // 数组倒置 [10, 6, 5, 4, 1]  

对象常用方法

 const obj = {
  name: 'chen',
  age: 18
}
obj.name // 通过访问属性名 获取属性值'chen'
obj['name'] // 通过访问动态属性名 获取属性值'chen'
Object.keys(obj) // 返回属性名集合 ['name', 'age']
Object.assign(obj, { stature: 180, age: 20 }) // 后者对象的值和前者对象值合并覆盖 {name: "chen", age: 20, stature: 180}
for (const key in obj) { console.log(key) } // 遍历对象