当前位置：网站首页 > 技术文章 > 正文

JS入门基础知识（js基础知识总结笔记）

myzbx 2025-06-23 20:54 3 浏览

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

JS 赋值

上一篇：JDK高版本特性总结与ZGC实践（jdk各个版本的特性）
下一篇：C语言 | 将一个二维数组行列元素互换

相关推荐

轻松!午休十分钟搞懂 Vue 组件 data 为啥是函数，悄悄涨知识: 上午敲代码敲得肩膀发酸？来，端起咖啡，咱在午休时间唠点轻松的——一道让无数前端人又爱又恨的Vue面试题：为啥组件里的data必须是个函数，写成对象就报错？别慌，这事儿没你想的复杂，就像拆...

你知道吗，python编程中，有哪些数据类型是不可变的?: 在Python中，不可变数据类型是指对象一旦创建后，其值或内容不能被修改。若尝试修改，Python会创建一个新对象。以下是不可变数据类型的详细分类及验证方法：一、不可变数据类型清单1.整数（...

12 有符号Byte数据类型（1byte有符号整数取值范围）: 有符号Byte数据类型。来看一下有符号Byte数据。如果需要同时存储、正值和复制，那就需要有一个符号位来表示它是正数还是负数，Byte数据类型是这样的数据类型，它是有八位表示，最高位是符号位，它表示的...

Redis数据类型介绍（redis数据类型详解）: 介绍Redis支持五种数据类型：String（字符串），Hash（哈希），List（列表），Set（集合）及Zset(sortedset：有序集合)。1、字符串类型概述1.1、数据类型Redis支持...

C语言的数据类型（c语言的数据类型有哪些）: C语言的数据类型在C语言中，数据类型用于定义变量存储的数据种类和大小，主要分为以下几类：1.基本数据类型（PrimaryDataTypes）(1)整数类型类型存储大小（通常）取值范围说明cha...

Java基础数据类型与核心概念（java基础数据类型口诀）: 一、Java基础数据类型与核心概念1.八大基础数据类型及其包装类基础类型：byte、short、int、long、float、double、char、boolean。包装类：Byte、Short、I...

没想到bind的功能这么强大，赶紧来看看，助你掌握新技能: std::bind是C++11中一个函数模版，就像函数适配器，接受一个可调用对象（callableobject），生成一个新的可调用对象。通过它，我们可以实现类似传统的函数指针，函数回调等功能，并且...

C#数据结构串（c语言数据结构串）: 串是一种数据元素为字符的特殊的线性表。1.串的定义零个或多个字符（字母、数字或其他字符）组成的有限序列。记为S="a1a2...an"S="a1a2...an"，长...

2025-05-14:统计能获胜的出招序列数。用go语言，Alice 和 Bob 玩一: 2025-05-14：统计能获胜的出招序列数。用go语言，Alice和Bob玩一个回合制幻想战斗游戏，游戏共进行n轮。每轮双方同时召唤一种魔法生物，三种生物分别是火龙（F）、水蛇（W）和地精...

vue 基础- nextTick 的使用场景（vuenexttick的原理浅析简书）: 前言《vue基础》系列是再次回炉vue记的笔记，除了官网那部分知识点外，还会加入自己的一些理解。（里面会有部分和官网相同的文案，有经验的同学择感兴趣的阅读）在开发时，是不是遇到过这样的场景，响应...

FANUC 0iF 用户宏程序——用户宏程序调用(自变量赋值): 自变量的赋值又2种方式：自变量赋值I和自变量赋值Ⅱ。第I类使用G、L、O、N、P以外的字母，每个用一次；第Ⅱ用A、B、C，每个用一次，还可使用10组I、J、K，自变量的指定种类是根据所用的字母自动决定...

为什么 JS 开发者更喜欢 Axios 而不是 Fetch?: 大家好，很高兴又见面了，我是"高级前端进阶"，由我带着大家一起关注前端前沿、深入前端底层技术，大家一起进步，也欢迎大家关注、点赞、收藏、转发!本文我会解释为什么在开发中Axios是...

JVM- 类的加载过程、类加载器，看这就够了。: 一、类的加载过程类从加载到内存中开始，到卸载出内存位置，为类的生命周期。包括加载（loading）、验证（Verification）、准备（Preparation）、解析（Resolution）、初始...

解锁ES6宝藏:用这些新特性让你的JavaScript代码更优雅!: 各位技术爱好者们！有没有觉得，JavaScript这门语言更新迭代的速度快得惊人？仿佛一眨眼，就又冒出了好多新概念、新语法。特别是从2015年开始，JavaScript迎来了一次里程碑式的升级——ES...

C语言 | 将一个二维数组行列元素互换: 例24：C语言实现将一个二维数组行和列的元素互换，存到另一个二维数组中。例如：a数组的序列： 123 ...

一周热门

最近发表

首页
收录
顶部