JS入门基础知识

JS

对象操作

• 对象增删改查

• 创建对象 let obj = {}
• 新增属性 obj.a = 1
• 修改属性 obj.a = 'a'
• 查询属性 obj.a
• 删除属性 delete obj.a

• 其他操作

• obj[a] = 1
• Object.assign() // 深拷贝 ? 浅拷贝
• let { name } = user
• ?. b = a?.name a 是undefined或者null b不报错

• ?? b = a ?? c a是undefined或者null 则赋值c给b
• || b = a || c a是undefined或者null 则取c
• ??= b ??= a 左侧是undefined或者null 则取右侧的值

• 循环对象属性for key in obj Object.keys(obj)

数组操作

• 数组的增删改查

• 创建数组 let arr = []
• 新增元素

• arr[0] = 1 arr[2] = 3
• push()
• unshift()

• 删除元素

• splice()
• pop()
• shift()

• 修改元素 arr[index] = 1
• 查询元素 arr[index]
• 截取数组 slice()
• 合并数组 concat()
• 字符串变数组 split()
• 数组变字符串 join() 默认使用’,'号分割
• 排序sort() [有坑] [1,2,10] -> [1,10,2] .sort((a,b) => a-b) 正序
• 倒序reverse() .sort((a,b) => b-a) 倒序
• 获取元素序号 indexOf() lastIndexOf()
• [神器] filter() 可以筛选和删除元素

• let newArr = users.filter(v => v.name !== '李四' && v.name !== '王二') // 删除数组的指定元素 是不是很舒服

• [神器] find()
• [神器] map() [1,2,3].map(v => v *2) [{name: 'a'}, {name:b}].map(v => v.name)
• forEach([item], [index])
• reduce

• 语法：arr.reduce(function(prev,cur,index,arr){...}, init);
• prev累计器累计回调的返回值，表示上一次调用回调时的返回值，或者初始值 init
• cur表示当前正在处理的数组元素
• index表示当前正在处理的数组元素的索引
• arr表示原数组
• init初始值
• arr = [1,2,3] let sum = arr.reduce((pre, cur) => pre + cur)

let names =['a', 'b', 'c', 'a', 'b']    
let res = names.reduce((all, cur) => {
  console.log(all, cur)
  if (cur in all) {
    all[cur]++;
  } else {
    all[cur] = 1;
  }
  return all
}, {})

JSON - 数据传输的格式

https://www.json.cn/ --->json小工具

• 标准的JSON

• json对象 {}
• json数组 []

• json数据格式： { "name": "张三", "age": 23, "man", true, "children": [ { "name": "张小宝", "age": 20 } ]}