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

JavaScript split()方法

news 文章来源：https://blog.csdn.net/weixin_46411355/article/details/129211608 2024/11/18 16:41:51

JavaScript split()方法

目录

  • JavaScript split()方法
    • 一、定义和用法
    • 二、语法
    • 三、参数值
    • 四、返回值
    • 五、更多实例
      • 5.1 省略分割参数
      • 5.2 使用limit参数
      • 5.3 使用一个字符作为分割符

一、定义和用法

split() 方法用于把一个字符串分割成字符串数组。

二、语法

string.split(separator,limit)

三、参数值

参数描述
separator可选。字符串或正则表达式，从该参数指定的地方分割 string Object。
limit可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。

四、返回值

类型描述
Array一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 string Object 分割成子串创建的。返回的数组中的字串不包括 separator 自身。
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>split方法</title></head><script>//分割空格function myFunction(){var str = "How are you doing today?";var n = str.split();document.getElementById("demo").innerHTML = n;}</script><body><p id="demo">单击按钮显示分割后的数组</p><button οnclick="myFunction()">点我</button></body>
</html>

在这里插入图片描述

提示： 如果把空字符串 (“”) 用作 separator，那么 stringObject 中的每个字符之间都会被分割。
分割每个字符包括空格
HTML

<p id="demo2">单击按钮显示分割后的数组</p><button onclick="myFunction2()">点我</button

JavaScript

//分割每个字符包括空格
function myFunction2(){var str = "How are you doing today?"var n = str.split("")document.getElementById("demo2").innerHTML = n}

在这里插入图片描述

注意： split() 方法不改变原始字符串
代码示例来验证
在这里插入图片描述
在这里插入图片描述
我们可以看到控制台输出的，和最开始定义的字符串变量一样。

五、更多实例

5.1 省略分割参数

HTML代码

<p id="demo3">单击按钮显示分割后的数组</p><button οnclick="myFunction3()">点我</button>

JAVAScript代码

//省略分割参数
function myFunction3() {var str = "How are you doing today?"var n = str.split()document.getElementById("demo3").innerHTML = nconsole.log(str);}

运行效果
在这里插入图片描述

5.2 使用limit参数

HTML

<p id="demo4">单击按钮显示分割后的数组</p><button οnclick="myFunction4()">点我</button>

JAVAScript

	//使用limit参数function myFunction4() {var str = "How are you doing today?"var n = str.split(" ",3)document.getElementById("demo4").innerHTML = n;}

测试运行效果
在这里插入图片描述

5.3 使用一个字符作为分割符

HTML

<p id="demo5">单击按钮显示分割后的数组</p><button οnclick="myFunction5()">点我</button>

JAVAScript

//使用一个字符作为分割符function myFunction5(){var str = "How are you doing today?"var n = str.split("o");document.getElementById("demo5").innerHTML=n;}

运行测试结果
在这里插入图片描述

相关文章：

JavaScript split()方法

JavaScript split()方法 目录JavaScript split()方法一、定义和用法二、语法三、参数值四、返回值五、更多实例5.1 省略分割参数5.2 使用limit参数5.3 使用一个字符作为分割符一、定义和用法 split() 方法用于把一个字符串分割成字符串数组。 二、语法 string.split(separat…...

编程日记 2023/2/27 19:05:36

前端面试题 —— 性能优化

目录 一、CDN的作用 二、CDN的使用场景 三、懒加载的概念 四、懒加载与预加载的区别 五、documentFragment 是什么&#xff1f;用它跟直接操作 DOM 的区别是什么&#xff1f; 六、常见的图片格式及使用场景 七、懒加载的特点 八、如何优化动画&#xff1f; 九、如何提⾼…...

编程日记 2023/2/27 19:04:26

我的周刊（第080期）

我的信息周刊&#xff0c;记录这周我看到的有价值的信息&#xff0c;主要针对计算机领域&#xff0c;内容主题极大程度被我个人喜好主导。这个项目核心目的在于记录让自己有印象的信息做一个留存以及共享。&#x1f3af; 项目stable-diffusion-webui-docker[1]基于 Docker 的一…...

编程日记 2023/2/27 19:03:19

操作系统——7.进程的定义，组成，组成方式和特征

目录 1.概述 ​编辑2.定义 2.1单道程序 2.2多道程序 2.3进程定义 3.进程的组成 3.1进程的组成内容 3.2 PCB中的内容 4.进程的组织 4.1进程的两种组织方式 4.2链接方式 4.3索引方式 5.进程的特征 6.小结 这篇文章&#xff0c;我们主要来学习一下进程的定义&#xff0…...

编程日记 2023/2/27 19:02:11

CRI-O, Containerd, Docker, Postman等概念介绍

参考&#xff1a;Docker&#xff0c;containerd&#xff0c;CRI&#xff0c;CRI-O&#xff0c;OCI&#xff0c;runc 分不清&#xff1f;看这一篇就够了Docker, containerd, CRI-O and runc之间的区别&#xff1f; Docker、Podman、Containerd 谁才是真正王者&#xff1f;CRI-O …...

编程日记 2023/2/27 19:01:03

【原创】java+swing+mysql设备预约管理系统设计与实现

我们在办公室或者学校实验室的&#xff0c;经常需要使用一些设备&#xff0c;因此需要提前租借。今天我们主要介绍如何使用javaswing和mysql数据库去完成一个设备预约管理系统&#xff0c;方便用户进行设备管理和预约。 功能分析&#xff1a; 设备预约管理系统主要是为了方便…...

编程日记 2023/2/27 18:59:55

7、kubernetes（k8s）Dashboard 安装

本文内容以语雀为准 说明 Kubernetes Dashboard 是一个通用的、基于Web的UI&#xff0c;用于Kubernetes集群管理。 它允许用户管理群集中运行的应用程序并对其进行故障排除&#xff0c;以及管理群集本身。 不同 Kubernetes Dashboard 支持的 Kubernetes 版本不同&#xff0c;…...

编程日记 2023/2/27 18:58:47

数学小课堂：虚数的媒介工具作用（虚构一个现实中不存在的概念，来解决现实问题）

文章目录 引言I 预备知识1.1 平方根1.2 三次方程1.3 极坐标II 虚数2.1 虚数的来源2.2 理解虚数存在的必要性2.3 虚数的影响III 复数3.1 人类认知升级的过程3.2 数字的扩展历史3.3 复数的用途引言 虚数的来源和存在的必要性：三次方程是一定有实数解的，因此根号里面负数的问题…...

编程日记 2023/2/27 18:57:39

3.抽象工厂模式（Abstract Factory）

与工厂模式对比 工厂模式 工厂模式是类创建模式。在工厂模式中&#xff0c;只需要生产同一种产品&#xff0c;只不过是生产厂家不同。 所以产品类的设计&#xff1a; 抽象的产品类Product具体的产品类Product_A&#xff0c;Product_B, Product_C, Product_D…… 工厂的设计…...

编程日记 2023/2/27 18:56:31

synchronized底层如何实现？什么是锁的升级、降级？

第16讲 | synchronized底层如何实现&#xff1f;什么是锁的升级、降级&#xff1f; 我在上一讲对比和分析了 synchronized 和 ReentrantLock&#xff0c;算是专栏进入并发编程阶段的热身&#xff0c;相信你已经对线程安全&#xff0c;以及如何使用基本的同步机制有了基础&#…...

编程日记 2023/2/27 18:55:23

node环境搭建以及接口的封装

node环境搭建 文章目录node环境搭建1.在cmd中输入命令安装express&#xff08;全局&#xff09;2.在自己的项目下安装serve3.测试接口4.连接mysql4.1 创建数据表4.2 在serve目录下建db下的sql.js4.3 sql.js4.4 在serve路径下安装mysql4.5 在routes 中引入并发送请求4.6 请求到数…...

编程日记 2023/2/27 18:54:16

跟着我从零开始入门FPGA（一周入门系列）第七天

7、设计一个只有4条指令的CPU我们要设计一个简单的CPU既然做CPU&#xff0c;我们要做流水线的&#xff0c;要简单&#xff0c;做2级流水线就够了。为了实例的简单&#xff0c;我们选择设计一个8bit的MCU的内核仍然我们要简单&#xff0c;所以选择RISC的内核&#xff0c;类似PIC…...

编程日记 2023/2/27 18:53:09

Synopsys Sentaurus TCAD系列教程之--Sde概述

Sde 方便处理rule check相关的问题。同时也能让使用者进一步了解器件结构、掺杂和引线等基本操作。Sde用于搭建结构&#xff0c;重新优化网格&#xff0c;提供.mesh文件供后面Sdevice仿真&#xff0c;主要包含以下几部分&#xff1a; 第一部分&#xff1a; Scheme BasicsDefi…...

编程日记 2023/2/27 18:52:02

计算结构体大小

计算结构体大小 目录计算结构体大小一. 结构体内存对齐1. 简介2. 嵌套结构体二. offsetof三. 内存对齐的意义四. 修改默认对齐数一. 结构体内存对齐 以字节&#xff08;bety&#xff09;为单位 1. 简介 对于结构体成员在内存里的存储&#xff0c;存在结构体的对齐规则&#…...

编程日记 2023/2/27 18:50:55

第二十一篇 数据增强

文章目录 摘要1、数据增强的作用2、常用的图像增强方法2.1、一些辅助函数ToTensorToPILImageNormalizeResize2.2、中心裁剪2.3、亮度、对比度和颜色的变化2.4、随机裁剪2.5、随机灰度与灰度2.6、水平/竖直翻转2.6.1、水平翻转2.6.2、垂直旋转2.7、随机角度旋转2.8、随机仿射变换…...

编程日记 2023/2/27 18:49:48

记一次线上es慢查询导致的服务不可用

现象 某日线上业务同学反馈订单列表查询页面一直loding&#xff0c;然后提示请求超时&#xff0c;几分钟之后恢复正常 接到报障之后&#xff0c;马上根据接口URL&#xff0c;定位到了请求链路&#xff0c;发现是es查询超时&#xff0c;这里我们的业务订单表数据是由几百万的&a…...

编程日记 2023/2/27 18:48:41

分布式之ZAB协议

写在前面 假定我们现在使用zk执行了如下的指令&#xff1a; [zk: 192.168.0.10:2181(CONNECTED) 0] create /dongshidaddy 123 Created /dongshidaddy [zk: 192.168.0.10:2181(CONNECTED) 1] create /dongshidaddy/mongo 456 Created /dongshidaddy/mongo假定因为节点故障最终…...

编程日记 2023/2/27 18:47:33

MySQL binlog常用命令及设置清理时间

MySQL binlog常用命令及设置清理时间1 binlog 基本概念2 binlog常用命令3 清理MySQL的binlog日志3.1 自动清理3.2 手动清理文章参考&#xff1a; http://www.360doc.com/content/22/0418/08/65840191_1027038859.shtml https://www.cnblogs.com/kiko2014551511/p/11532426.html…...

编程日记 2023/2/27 18:46:26

Windows下载安装Prometheus

目录 资料 下载 解压 点击prometheus.exe运行 资料 Prometheus是一个开源的系统监控和报警系统&#xff0c;同时也支持多种exporter采集数据&#xff0c;还支持pushgateway进行数据上报&#xff0c;Prometheus性能足够支撑上万台规模的集群。 官网&#xff1a;https://pr…...

编程日记 2023/2/27 18:45:18

0-1背包、完全背包及其变形【零神基础精讲】

来源0x3f&#xff1a;https://space.bilibili.com/206214 三叶姐的对背包问题的总结&#xff1a;【宫水三叶】详解完全背包一维空间优化推导&#xff08;附背包问题攻略&#xff09;https://leetcode.cn/circle/discuss/GWpXCM/ 文章目录0-1背包、完全背包及其拓展&#xff08;…...

编程日记 2023/2/27 18:44:13

OpenStack

OpenStack优势&#xff1a; 1、模块松耦合。 2、组件配置较为灵活。 3、二次开发容易 OpenStack共享服务组件&#xff1a; 1、数据库服务&#xff1a;MongoDB 2、消息列队&#xff1a;RabbitMQ 3、缓存&#xff1a;Redis 4、存储&#xff1a;Ceph 5、负载均衡&#xff…...

编程日记 2023/2/27 18:43:06

Spring Boot整合Kaptcha实现验证码功能

目录一、前言1.Kaptcha 简介2.Kaptcha 详细配置表二、实现1.整合kaptcha&#xff0c;创建kaptcha的工具类1.1 添加依赖1.2 创建KaptchaConfig工具类2 编写接口&#xff0c;在接口中使用 kaptcha 工具类来生成验证码图片&#xff08;验证码信息&#xff09;并返回3 登录时从sess…...

编程日记 2023/2/27 18:41:58

【2023】某python语言程序设计跟学第一周内容

本文说明&#xff1a; 案例内容为北理工python语言程序设计课程&#xff0c;如有不妥请联系&#xff01; 目录温度转换案例&#xff1a;执行结果&#xff1a;代码解析&#xff1a;白话说明&#xff1a;举一反三&#xff1a;根据输入半径求圆周长或面积执行结果&#xff1a;温度…...

编程日记 2023/2/27 18:40:53

C#学习记录——接口的实现

一小部分知识精英依旧直面核心困难&#xff0c;努力地进行深度钻研&#xff0c;生产内容&#xff1b;而大多数信息受众始终在享受轻度学习&#xff0c;消费内容。如果我们真的希望在时代潮流中占据一席之地&#xff0c;那就应该尽早抛弃轻松学习的幻想&#xff0c;锤炼深度学习…...

编程日记 2023/2/27 18:39:48

“ChatGPT之父”Sam Altman：我是如何成功的？

背靠微软&#xff0c;OpenAI能拳打谷歌&#xff0c;脚踢Meta&#xff0c;它背后的男人&#xff0c;必然不简单。 让我们来看一看&#xff0c;Sam Altman是如何一步步成长为今天这个搅动全世界的男人。 山姆奥特曼&#xff08;Sam Altman&#xff09; 成长和创业经历 在YC创始…...

编程日记 2023/2/27 18:38:42

jQuery发送Ajax请求的几种方式

概述JQuery发送ajax请求的方法有很多&#xff0c;其中最基本的方法是$.ajax&#xff0c;在其中封装的方法有 $.get, $post等。我们分别举了不同的示例。数据格式首先&#xff0c;浏览器与服务器之间传输数据所采用的格式&#xff0c;比较常见的有json&#xff0c;jsonp&#xf…...

编程日记 2023/2/27 18:37:37

Android实现连线题效果

效果图全部正确&#xff1a;有对有错&#xff1a;结果展示&#xff0c;纯黑色&#xff1a;支持图片&#xff1a;实现思路仔细分析可以发现&#xff0c;连线题的布局可以分为两部分&#xff0c;一个是左右两列矩形&#xff0c;另一个是他们之间的连线。每个矩形的宽高都一样&…...

编程日记 2023/2/27 18:36:28

以数据 见未来!首届未来数商大会成功举办

2月25日&#xff0c;2023未来数商大会在杭州未来科技城学术交流中心举办。大会发布了数商产业趋势研究报告&#xff0c;首次提出并探讨了完整的数商产业概念&#xff0c;并成立了未来数商联盟&#xff0c;开通了浙江大数据交易服务平台余杭专区。会上&#xff0c;杭州未来科技城…...

编程日记 2023/2/27 18:35:22

Java数据结构与算法——手撕LRULFU算法

LRU算法 力扣146&#xff1a;https://leetcode-cn.com/problems/lru-cache/ 讲解视频&#xff1a;https://www.bilibili.com/video/BV1Hy4y1B78T?p65&vd_source6f347f8ae76e7f507cf6d661537966e8 LRU是Least Recently Used的缩写&#xff0c;是一种常用的页面置换算法&…...

编程日记 2023/2/27 18:34:14

20230227英语学习

Can Clay Capture Carbon Dioxide? 低碳新思路&#xff1a;粘土也能吸收二氧化碳&#xff01; The atmospheric level of carbon dioxide — a gas that is great at trapping heat, contributing to climate change — is almost double what it was prior to the Industria…...

编程日记 2023/2/27 18:33:07

wordpress给用户注册/杭州优化排名哪家好

一、相关工具 编译器&#xff1a;VS2019 二、调用步骤 1、首先打开vs2019创建一个控制台应用&#xff0c;如下所示&#xff1a; 2、在类class Program添加对dll文件的引用&#xff0c;例如[DllImport("testdll.dll", EntryPoint "myAdd", ExactSpelling …...

编程日记 2024/11/18 10:55:19

怎么在网站标头做图标/艺术培训学校招生方案

Linux操作系统性能评测与测试指标浅析性能测试是对一个操作系统运行效率进行评价的关键环节。我们采用适当的性能测试工具集&#xff0c;在保证工具正确运行和基准软硬件测试环境一致的前提下&#xff0c;运行性能测试工具&#xff0c;对测试数据进行收集和处理分析&#xff0c…...

编程日记 2024/11/18 5:52:05

做淘宝美工客服兼职的网站/网络优化论文

这次试一试发布一个操作数据库的项目。seam带的例子booking。1、先试一试能不能在jboss自带的hsql数据库上正常运行&#xff1a;2、用以前的办法&#xff0c;用/p20080422/examples/booking/build.xml文件编译项目。浏览地址http://127.0.0.1:8080/seam-booking/home.seam。OK&…...

编程日记 2024/11/18 4:10:23

wordpress房地产插件/教育培训机构有哪些

2019独角兽企业重金招聘Python工程师标准>>> 在开始菜单中找到vmware 安装文件夹点击虚拟网络编辑器&#xff1b;查看子网掩码和网关地址&#xff0c;选中vmnet8,点击nat设置 。获取子网掩码255.255.255.0&#xff0c;网关192.168.199.2点击dhcp设置&#xff0c;获取…...

编程日记 2024/11/18 0:52:59

广西公司搭建网站公司/广告搜索引擎

例如:url为: http://localhost:8080/DemoServer/cellid_search?mnc1&cell59831&lac13572&mnc1&cell1942&lac98940 里面有两组参数,那么如何获取呢? String[] mncs request.getParameterValues("mnc"); String[] lacs request.getParamete…...

编程日记 2024/11/17 20:40:11

自己做的网站很卡/网络营销的特点包括

原文链接&#xff1a;http://blog.csdn.net/maozefa/archive/2008/09/08/2896752.aspx无论是用何种语言&#xff0c;只要使用过Windows的GDI的人对ColorMatrix都不陌生&#xff0c;我的BLOG文章中也多次提到过&#xff0c;并在《GDI for VCL基础 -- 颜色调整矩阵ColorMatrix详解…...

编程日记 2024/11/17 19:42:16