当前位置: 首页 > news >正文

JS语法笔记

目录

  • JS数组Array
    • 新建数组
    • reverse()
    • 在数组末尾插入:push()
    • 在数组末尾删除:pop()
    • 在数组开头插入:unshift()
    • splice()
  • Map
  • Set

JS数组Array

判断数组相等不能用===,要循环判断

新建数组

  1. 用数组字面量 []:const arr2 = [1, 2, 3];
  2. 用 new Array() 构造函数:const arr3 = new Array(1, 2, 3);

reverse()

reverse() 是数组(Array)的方法,用于反转数组的顺序

const arr = [1, 2, 3, 4];
const reversed = arr.reverse();console.log(reversed); // [4, 3, 2, 1]
console.log(arr);      // [4, 3, 2, 1] —— 原数组也变了

在数组末尾插入:push()

const arr = [1, 2, 3];
arr.push(4);
console.log(arr); // [1, 2, 3, 4]

在数组末尾删除:pop()

const arr = [1, 2, 3];
arr.pop();
console.log(arr); // [1, 2]

在数组开头插入:unshift()

const arr = [1, 2, 3];
arr.unshift(0);
console.log(arr); // [0, 1, 2, 3]

splice()

array.splice(start, deleteCount, item1, item2, …)
start: 插入的起始位置索引
deleteCount: 删除元素个数(0 表示不删除)
item1, item2…: 要插入的元素

const arr = [1, 2, 3];
arr.splice(1, 0, 'a'); // 在索引1处插入'a'
console.log(arr); // [1, 'a', 2, 3]

Map

//创建Map
const map = new Map();
//添加元素
map.set('name', 'Alice');
map.set('age', 25);
//读取元素
map.get('name'); // "Alice"
//判断是否存在键
map.has('age'); // true
//删除键
map.delete('name'); // true

遍历

for (const [key, value] of map) {console.log(`${key} = ${value}`);
}

也可以从二维数组初始化

const map2 = new Map([['x', 10],['y', 20]
]);

Set

//创建set
const mySet = new Set();
//添加元素
mySet.add(1);
mySet.add(2);
console.log(mySet); // Set(2) { 1, 2 }
//判断是否存在
set.has(1);
//删除元素
set.delete(2);

遍历set

for (const value of set) {console.log(value);
}

初始化 Set(自动去重)

const set2 = new Set([1, 2, 2, 3]); // Set(3) {1, 2, 3}

相关文章:

  • 风云二号G星:我国气象监测的“天眼”
  • 小巧实用,Windows文件夹着色软件推荐
  • MySQL强化关键_019_索引优化
  • [Linux] MySQL源码编译安装
  • MySQL计算精度计算加减乘除取模方式和方法总计
  • 2025年06月03日Github流行趋势
  • 【散刷】二叉树基础OJ题(二)
  • 【学习记录】深入解析 AI 交互中的五大核心概念:Prompt、Agent、MCP、Function Calling 与 Tools
  • Linux: network : switch:hp5500
  • 电阻电容的选型
  • 低谷才是出成绩
  • JVM—垃圾收集算法和HotSpot算法实现细节
  • Go语言学习-->第一个go程序--hello world!
  • 深入解析ReactJS中JSX的底层工作原理
  • 鸿蒙简易版影视APP案例实战
  • 代码随想录算法训练营第60期第五十六天打卡
  • Linux 环境下高效视频切帧的实用指南
  • AXURE安装+汉化-Windows
  • CSS 平铺+自动换行效果
  • ADC接口电路设计详解
  • 兰溪优秀高端网站设计地址/东莞seo排名公司
  • 找人做淘宝网站需要多少钱/域名是什么 有什么用
  • 甘肃做网站的公司/流量平台
  • 263网站建设怎么样/网址怎么申请注册
  • 亚马逊网站推广怎么做/成都百度百科
  • 罗定市城乡规划建设局网站/网站运营维护的基本工作