js方法总结:join 、split、splice、async await

news2025/10/20 15:33:33

async await 异步里面有同步操作

执行完一个,再去执行另一个是同步,如promise().then()
所有的一起执行是异步
同步和异步操作的区别就是是否阻碍后续代码的执行。

下面例子是同步,执行完 test再去执行test2最后test3,(test2里面有定时器)
在这里插入图片描述

join 、split、splice

join - - 数组转字符串
split - - 字符串转字符串数组

splice

参考链接

splice 方法用于数组或伪数组,根据参数个数和形式的不同,可以在数组中 删除 指定元素或者 插入 元素、替换 元素。

一个参数

  1. 一个参数 (删除)

当 splice 方法的参数只有 1 个的时候(i),表示删除数组中索引为 i 及 i 之后的所有元素。返回删除的元素,数组原地修改。其中,参数 i 是整数。
对于 i 分情况:
i 为非负整数:删除数组中索引为 i 及 i 之后位置上所有的元素
i 为负整数:索引从后往前计算,最后一位索引是 -1,倒数第二位是 -2,依次类推。删除 i 及 i 之后的所有元素。

eg:删除数组最后三个元素

var a = [1, 2, 3, 4, 5]
a.splice(-3)
console.log(a) // [1, 2]

清空数组

var a = [1, 2, 3, 4, 5]
a.splice(0) // 或 a.splice(-5)
console.log(a) // []
  1. 两个参数(删除)

arr.splice(i, j)
当 splice 方法有两个参数时,两个参数必须均为整数。表示从数组中索引为 i 开始删除,一共删除 j 个元素。

eg:删除数组中开头的 3 个元素

var a = [1, 2, 3, 4, 5]
a.splice(0, 3)
console.log(a) // [4, 5]

从索引 -2 的位置开始删除 2 个元素

var a = [1, 2, 3, 4, 5]
a.splice(-2, 2)
console.log(a) // [1, 2, 3]
  1. 三个参数或者三个以上(替换、添加)

    a.splice(i, j, e1, e2, …)
    i:整数,表示索引的起始位置
    j:整数,表示删除的个数(j为0的时候表示添加
    e1、e2、…:删除相应元素之后要添加的元素

当 splice 方法有 3 个参数时,表示从索引为 i 位置开始删除 j 个元素,然后在从 i 位置添加 e1,e2,…,返回删除的元素,原地修改。
若 j 为 0,则表示一个元素也不删除,则元素从 i 前一个位置开始插入
若 j > 0,则表示从 i 位置开始(包括 i 位置)删除 j 个元素,然后从 i 后面开始插入。

eg:替换索引位置为 2 的元素的值为 ‘aaa’

var a = [1, 2, 3, 4, 5]
a.splice(2, 1, 'aaa')
console.log(a) // [1, 2, 'aaa', 4, 5]

往数组中索引为 1 的位置插入元素 ‘a’、‘b’、c

var a = [1, 2, 3, 4, 5]
a.splice(1, 0, 'a', 'b', 'c')
console.log(a) 
// [1, 'a', 'b', 'c', 2, 3, 4, 5]

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/334067.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Android 性能优化之内存优化与泄漏分析工具LeakCanary

一、背景 在Android应用中,除了正常的业务开发,我们也要关注性能问题。卡顿、内存溢出、内存泄漏等问题,直接的表现会反馈到用户体验上,用户体验不好导致应用被卸载或者换到其他平台。 在性能优化,各大公司都会付出一些…

sass预处理中文教程(2023开学版)

Sass安装步骤 一、Sass的安装 由于Sass是使用Ruby编写的,所以我们在使用Sass之前需要安装一下Ruby。下面是Windows平台的安装步骤。对于Mac平台,请查看这里:Mac平台安装Sass。 【步骤1“下载Ruby”】:大家到Ruby的官网&#xf…

MySQL----内置函数

MySQL---->内置函数 函数:将经常使用的代码封装起来,需要的时候直接调用就可以 从函数定义角度,函数可分为: 内置函数:系统内置的通用函数自定义函数:需要根据需求编写的函数 MySQL提供的内置函数从…

【游戏逆向】RPG游戏自动打怪之取得最近怪物

RPG游戏辅助想要自动打怪,首要的任务就是需要获得最近的怪物,否则打怪的顺序会非常混乱。 想要取得最近怪物信息 要2个步骤 第一步 计算出所有怪物的距离 第二步 对所有怪物的距离进行判断,筛选出距离最近的 第一步怪物距离计算 如果是以2D的平面来看 2个点的距…

[Tomcat下载安装以及配置(详细教程)]

下载及安装Tomcat进入tomcat官网,Tomcat官网Apache Tomcat - Welcome!选择需要下载的版本,点击下载下载路径一定要记住,并且路径中尽量不要有中文下载后是压缩包 .zip,解压后tomcat系统各个文件夹目录是什么意义:bin&a…

二进制部署K8S集群

目录 一、架构图 二、部署步骤 1、实验环境 2、操作系统初始化配置 3、部署 docker引擎 4、部署 etcd 集群 5、部署 Master 组件 一、架构图 二、部署步骤 1、实验环境 服务器类型IP地址master192.168.80.5node01192.168.80.8node02192.168.80.9 2、操作系统初始化配置…

【C++】类和对象--类的6个默认成员函数

目录1.类的6个默认成员函数2.构造函数2.1概念2.2特性3.析构函数3.1概念3.2特性4.拷贝构造函数4.1概念4.2特征5.赋值运算符重载5.1运算符重载5.2赋值运算符重载5.3前置和后置重载5.4流插入和流提取运算符重载6.const成员7.取地址重载和const取地址操作符重载1.类的6个默认成员函…

“搜索大战”正式打响,微软发布ChatGPT版搜索引擎和浏览器

微软公司宣布推出由ChatGPT支持的最新版本Bing(必应)搜索引擎和Edge浏览器,今天上线,免费使用! 自去年开始,Stable Diffusion、ChatGPT 等 AI 工具的横空出世,貌似在告诉人们“AI 正在准备重塑整…

常见的编程语言有哪些?

一、编程语言定义 编程语言的定义是指主要用于人和计算机之间通信的语言,它既能够让程序员能够准确的定义计算机所需数据,也能让计算机精准的识别人的意图。 二、编程语言排行榜以上排名信息来源于Tiobe公司公布的编程语言排行榜,近两年由于大…

【学习笔记】Nginx学习

Nginx是高性能的HTTP和反向代理的web服务器,占用内存小,处理高并发连接强,处理静态文件好耗费内存少但是不支持Java语言,Java程序只能通过与Tomcat配合完成正向代理客户端无法直接访问目标服务器,而是通过向代理服务器…

微信小程序 Springboot英语在线学习助手系统 uniapp

四六级助手系统用户端是基于微信小程序端,管理员端是基于web端,本系统是基于java编程语言,mysql数据库,idea开发工具, 系统分为用户和管理员两个角色,其中用户可以注册登陆小程序,查看英语四六级…

Java后端项目IDEA配置代码规范检查,使用checkStyle实现

最近的Java后端项目想实现代码的规范检查,调研了一圈,终于找到了简单的方式实现:以下是常见的几种方案: 1、在客户端做 git hook,主要是用 pre-commit 这个钩子。前端项目中常见的 husky 就是基于此实现的。但缺点也很…

Revit过滤器怎么用?过滤可见性操作方法

一、Revit中关于项目传递“可见性中设置的过滤器规则”的方法 设计院结构专业给机电专业提资,为了对于净高有一个直观快捷的表达,结构专业工程师就可以利用Revit可见性(快捷键:VV)中的过滤器来给本专业的梁、板相对标高用颜色进行区分&#x…

python爬虫工程师 | 都会遇到的反爬手段,详细展示低难度反爬

在爬虫实战过程中,常见的反爬手段如下所示。 IP 地址限制:网站可以检测爬虫的 IP 地址,并限制爬虫访问。User-Agent 限制:网站可以通过检测请求头中的 User-Agent 来识别爬虫。Referrer 限制:网站可以通过检测请求头中…

TCO-PNB ester,1438415-89-4 ,反式环辛烯对硝基苯酯,可用于标记蛋白质

TCO-PNB ester,TCO-PNB,反式环辛烯-对硝基苯酯 ,反式环辛烯对硝基苯酯,TCO-PNB酯产品结构式:产品规格:1.CAS号:1438415-89-4 2.分子式:C15H17NO53.分子量:291.34.包装规格…

[python入门㊶] - python写入文件

目录 ❤ 写入空文件(覆盖) ❤ 写入多行 ❤ 在原有文件上添加内容 保存数据的最简单的方式之一是将其写入到文件中❤ 写入空文件(覆盖) # codingUTF-8 filename test_text.txt with open(filename, w) as file_object:file_o…

怎么做室内导航?室内导航图用什么做的?

目前大多数的图资系统提供的室内地图多为静态信息,并没有随时间空间改变而更新的能力,在现有技术中缺乏一种展示室内真实场景的室内地图生成方法。由于室内的环境空间信息会因为时空迁变而有所不同,因此,如何以更快速且低成本的方…

Python深度学习实战PyQt5布局管理项目示例详解

本文具体介绍基本的水平布局、垂直布局、栅格布局、表格布局和进阶的嵌套布局和容器布局,最后通过案例带小白创建一个有型的图形布局窗口布局管理就是管理图形窗口中各个部件的位置和排列。图形窗口中的大量部件也需要通过布局管理,对部件进行整理分组、…

Qt 5 架构和特点

Qt 5 模块构架: 模块:功能:Qt CoreQt 5 的核心类库,每个模块都建立在Core上Qt GUI图形用户界面开发的最基础的类库Qt Widgets提供c用户界面部件(是对Qt GUI的拓展)Qt SQL对数据库进行操作Qt Multimedia、…

windows 上编译 cpu 版本的 ncnn

windows 上编译 cpu 版本的 ncnn 从 发布页面 下载最新的完整的 ncnn 代码包,即 -full-source 后缀的文件。以及 protobuf 的代码包(用于生成 caffe2ncnn 和 onnx2ncnn 工具)。 我下载的 20221128 版本的 ncnn 和 3.11.2 版本的 protobuf。…