百度360必应搜狗淘宝本站头条
当前位置:网站首页 > IT技术 > 正文

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

wptr33 2025-07-10 21:28 5 浏览

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

相关推荐

台积电提出SRAM存内计算新方法,能效比可达89TOPS/W

芯东西(公众号:aichip001)编译|高歌编辑|云鹏芯东西3月16日消息,近期,台积电的研究人员在ISSCC2021会议上公布了一种改良的SRAM存储器阵列,该SRAM阵列采用22nm工...

Golang中如何判断两个slice是否相等?

在Golang中,要判断两个slice是否相等是不能直接使用==运算符的(==只能说明两个slice是否指向同一个底层数组)。如果两个slice的底层数组相同,但长度或容量不同...

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

JS对象操作对象增删改查创建对象letobj={}新增属性obj.a=1修改属性obj.a='a'...

趣谈JS二进制:File、Blob、FileReader、ArrayBuffer、Base64

大家好,我是Echa。好久没跟粉丝们细聊JavaScript那点事了。做一名全栈工程师,JS基础还是要打牢,这样的话不管底层业务逻辑以及第三方框架怎么变化,都离不开基础。本文文章属于基础篇,阅读有点...

告别 substr() 和 substring()?更可靠的 JavaScript 字符串截取方法

JavaScript提供了三个主要的字符串截取方法:...

golang第九天,切片(slice)介绍(golang 切片作为参数)

什么是切片golang切片是对数组的抽象。go的数组长度不可改变,在特定场景中这样的集合就不太适用,go中提供了一种灵活,功能强悍的内置类型切片(“动态数组”),与数组相比切片的长度是不固定的,可以追...

Go语言零到一:数组(go struct数组)

引言...

你说你熟悉Slice,这道slice题你能答对吗?

每当你花费大量时间使用某种特定工具时,深入了解它并了解如何高效地使用它是很值得的。...

Python 3.14七大新特性总结:从t-string模板到GIL并发优化

Python3.14已进入测试阶段,根据PEP745发布计划,该版本已停止引入新功能,也就是说新特征就应该已经固定下来了。所以本文基于当前最新的beta2版本,深入分析了Python3.14中...

Python 幕后:Python导入import的工作原理

更多互联网精彩资讯、工作效率提升关注【飞鱼在浪屿】(日更新)Python最容易被误解的方面其中之一是import。...

Python元类实现自动化编程的正确姿势

元类是Python中用于创建类的类。通过元类机制,开发者可在运行时动态创建和修改类,为框架开发、设计模式实现和高级架构设计提供核心支持。在Python语言的高级特性中,元类占据着独特而重要的地位。作...

Python字符串详解与示例(python字符串类型及操作)

艾瑞巴蒂字符串的干货来了,字符串是程序中最常见的数据类型之一,用来表示数据文本,下面就来介绍下字符串的特性,操作和方法,和一些示例来吧道友:1.字符串的创建在python中字符串可以永单引号(...

恕我直言!你对Python里的import一无所知

文章来源:https://mp.weixin.qq.com/s/4WAOU_Lzy651IE-2zZSFfQ原文作者:写代码的明哥...

Python基础:字符串操作(python字符串的用法)

字符串是Python中最常用的数据类型之一,用于表示文本数据。我们将学习如何对字符串进行常见的操作,包括创建、访问、修改和处理字符串。通过掌握这些技巧,您将能够更好地处理和操作文本数据。让我们开始吧!...

Python 中 字符串处理的高效方法,不允许你还不知道

以下是Python中字符串处理的高效方法...