JS入门基础知识(js基础知识总结笔记)

yumo6668小时前技术文章4

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 } ]}

相关文章

纯干货:node.js入门教程以及中文学习资源大搜罗!

node.js是Javascript的一个运行环境,也就是对Google V8引擎进行封装。node.js优化了特殊用例,还提供替代性强的API。基于此,今天W3Cschool小师妹将为大家带来史上最...

JavaScript如何入门?(javascript怎么入门)

1, 建议阅读“javascript高级程序设计”第三版电子版。(我刚开始学习,我向表哥(软件工程师)说我想做前端,于是,他帮我买了这本书,好的书大家都会推荐,很容易在网上找到,也没有必要我说一定是这...

js基础学习(js零基础入门视频教程)

vscode运行js要在VSCode中运行JavaScript代码,你需要按照以下步骤操作:首先确保你已经安装了Node.js。如果没有安装,可以从官网(https://nodejs.org/)下载并...

JavaScript基础知识(一)JS入门(js基础教程)

一、JS入门(一)产生JavaScript是布兰登·艾奇(BrendanEich,1961年~),在1995年利用十天完成JavaScript设计。网景公司最初命名为LiveScript,后来在与Su...

javascript基础入门(javascript基础入门资料)

第1天,学习的是js最基本的东西(包括js的组成、数据类型、数据类型转换、NaN和isNaN、隐式类型转换、加减乘除以及取余、变量作用域、闭包简单的概念、命名规范、运算符和逻辑运算符、程序流程控制:...