【JavaScript】内置对象split、indexOf、replace、substring、charAt、slice、push、pop

已于 2023-07-10 16:56:52 修改
阅读量2.3k 收藏 10
点赞数 2
分类专栏： 前端 文章标签： javascript 前端
于 2023-07-05 17:56:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wodegecsdn/article/details/131559208
版权

一、分割字符串——split（）

在JavaScript中，我们可以使用split（　）方法把一个字符串分割成一个数组，
这个数组存放的是原来字符串的所有字符片段。
有多少个片段，数组元素个数就是多少。

语法

字符串名.split（"分割符"）

说明
分割符可以是一个字符、多个字符或一个正则表达式。
此外，分割符不作为返回的数组元素的一部分。
有点难理解？我们还是先来看一个例子。

举例

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script>
         var str="HTML,CSS,JavaScript";
         var arr=str.split（","）;
         document.write（"数组第1个元素是："+arr[0]+"<br/>"）;
         document.write（"数组第2个元素是："+arr[1]+"<br/>"）;
         document.write（"数组第3个元素是："+arr[2]）;
    </script>
</head>
<body>
</body>
</html>

浏览器预览效果如下图所示。
在这里插入图片描述
分析
str.split（“,”）表示使用英文逗号作为分割符来分割str这个字符串，
结果会得到一个数组：[“HTML”,“CSS”,“JavaScript”]，
我们把这个数组赋值给变量arr保存起来。

可能有人会问：为什么分割字符串之后，系统会把这个字符串转换成一个数组？
这是因为转换成数组之后，我们就能使用数组的方法来更好地进行操作。

上面的这个例子，也可以使用for循环来输出，实现代码如下。

var str="HTML,CSS,JavaScript";
var arr=str.split（","）;
for（var i=0; i < arr.length; i++）
{
    document.write（"数组第"+（i+1）+"个元素是："+arr[i]+"<br/>"）;
}

举例：str.split（" "）（有空格）

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script>
         var str="I love javascript";
         var arr=str.split（" "）;
         document.write（"数组第1个元素是："+arr[0]+"<br/>"）;
         document.write（"数组第2个元素是："+arr[1]+"<br/>"）;
         document.write（"数组第3个元素是："+arr[2]）;
    </script>
</head>
<body>
</body>
</html>

浏览器预览效果如下。

数组第1个元素是：I
数组第2个元素是：love
数组第3个元素是：javascript

分析
str.split（" "）表示用空格来分割字符串。在字符串中，空格也是作为一个字符来处理的。

str.split（" “）的两个引号之间是有一个空格的。str.split（” “）（有空格）是带有1个字符的字符串。str.split（”"）（无空格）是带有0个字符的字符串，也叫空字符串。两者是不一样的，我们可以通过下面这个例子来对比理解。

举例：str.split（“”）（无空格）

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script>
         var str="ABCD";
         var arr=str.split（""）;
         document.write（"数组第1个元素是："+arr[0]+"<br/>"）;
         document.write（"数组第2个元素是："+arr[1]+"<br/>"）;
         document.write（"数组第3个元素是："+arr[2]+"<br/>"）;
        document.write（"数组第4个元素是："+arr[3]+"<br/>"）;
  </script>
</head>
<body>
</body>
</html>

浏览器预览效果如下：

数组第1个元素是：A
数组第2个元素是：B
数组第3个元素是：C
数组第3个元素是：D

分析
注意，split（" “）和split（”"）是不一样的。前者两个引号之间有空格，表示用空格作为分割符来分割。后者两个引号之间没有空格，可以用来分割字符串的每一个字符。这个技巧非常棒，也用得很多，小伙伴们可以记一下。

实际上，split（　）方法有两个参数：第1个参数表示分割符，第2个参数表示获取“分割之后的前n个元素”。第2个参数我们很少用，了解一下即可。

举例

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script>
         var str="2023-07-01-18-30";
         var
最低0.47元/天 解锁文章
李桥桉
关注
专栏目录
JavaScript和TypeScript语法基础,数组,字符串的split，splice，slice，reduce，concat，charAt，indexOf，replace，se
qq_42838904的博客
03-19 1310
JavaScript 基本数据类型 只有 Number string boolen object 等 使用时大多是直接声明并使用 var Ins； 数组 WXBanner._IDS = []; WXBanner._IDS.push(ids[ran]); 遍历 i < WXBanner._IDS.length WXB...
JS split() 分割字符串
04-26
NULL 博文链接：https://onestopweb.iteye.com/blog/2358978
JavaScript中split函数
axl19530209的专栏
01-12 1959
内容提要：JavaScript中split函数，JavaScript中split函数方法是将一个字符串分割为子字符串，然后将结果作为字符串数组返回。使用方法： 　　JavaScript中split函数方法是将一个字符串分割为子字符串，然后将结果作为字符串数组返回。使用方法： 　　stringObj.split( [separator[, limit]]) 　　其中stringObj是必选
JavaScript split()方法
热门推荐
weixin_46411355的博客
02-27 2万+
JavaScript split()方法 一、定义和用法 二、语法 三、参数值 四、返回值 五、更多实例 5.1 省略分割参数 5.2 使用limit参数 5.3 使用一个字符作为分割符
JAVA小细节之split()
xing421145880的专栏
01-09 273
在java.lang包中有String.split()方法，返回是一个数组 我在应用中用到一些，给大家总结一下，仅供大家参考： 1、如果用“.”作为分隔的话，必须是如下写法：String.split("\\."),这样才能正确的分隔开，不能用String.split("."); 2、如果用“|”作为分隔的话，必须是如下写法：String.split("\\|"),这样才能正确的分隔开，不能用
js的split()
qq_42331499的博客
01-30 1619
js的split() 一般用法将字符串按一定要求分割，形成一个数组。里面存储的是按要求分割过的字符串。 var str0 = "qwerdf"; var str1 = "洛阳南阳信阳"; var arr0 = str0.split(""); var arr1 = str1.split(""); document.write(arr0, "&lt;br&gt;", arr0[2]
JavaScript字符串对象charAt方法入门实例（用于取得指定位置的字符）
10-25
- indexOf：返回指定字符或子字符串首次出现的位置。 - lastIndexOf：返回指定字符或子字符串最后出现的位置。 - replace：替换字符串中的一些字符或子字符串为其他字符或子字符串。 - slice：提取字符串中的一部分...
JavaScript内置对象导览图
08-10
Array对象是用于处理数组的，它有各种数组操作的方法，如`push()`、`pop()`、`shift()`、`unshift()`、`slice()`、`splice()`、`concat()`、`indexOf()`、`lastIndexOf()`、`forEach()`、`map()`、`filter()`、`...
JavaScript 内置对象
weixin_49087505的博客
12-03 847
内置对象通过查询文档熟悉内置对象Math对象Data对象Array对象添加或删除数组元素数组排序数组索引数组转换为字符串其他方法String对象根据字符返回位置根据位置返回字符字符串操作方法 JavaScript提供了很多常用的内置对象，包括数学对象Math、日期对象Date、数组对象Array以及字符串对象String等。 通过查询文档熟悉内置对象 打开MDN网站，在网站的导航栏中找到“技术”-“JavaScript”，效果如下。 将页面向下滚动，在左侧边栏中找到“内置对象”，将该项展开后，可以看到所
JS中字符串的使用（indexOf() 、slice()、charAt() 、split()）
weixin_44134816的博客
03-17 350
charAt() //可以返回字符串中指定位置的字符 根据索引获取指定字符 str="hello oo" //console.log(atr.charAt(6)) 则输出o, 空格也算一个索引 3.charCodeAt() //console.log(atr.charAt(6)) 获取指定位置字符的字符编码（unicode编码） 4. String.fromCharCode() //根据字符编码去获取字符 String.fromCharCode(10000) ...
JavaScript中split方法的使用
编程界明世隐的博客
12-03 9832
语法 string.split(separator,limit) 说明 string 被分割的字符串 separator 分割字符或者正则（可选） limit 返回的数组的最大长度（可选） 返回值：以数组的形式返回 实例1（缺省分割符）： var str = "hello world!hello man!how are you!"; var arr = str.split(); console.log(arr) 返回： ["hello world!hello man!how are
JS学习27：indexOf() 和 charAt()
玉安_ZhangDe的博客
05-11 574
方法名 说明 使用 indexOf('要查找的字符',开始的位置) 返回指定内容在原字符串中的位置，如果找不到就返回-1，开始的位置是 index 索引号 str.indexOf('要查找的字符',开始的位置) charAt(index) 返回指定位置的字符(index 字符串的索引号) str.charAt(0) 注意：字符串可以通过str[index]方式获取指定位置字符，因为字符串是字符数组。 // 字符串对象 根据字符返回位置 str.inde
JavaScript中split（）方法详解
m0_63853518的博客
07-04 2309
howmany参数：可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。2,语法：stringObject.split(separator,howmany)separator参数：必需填（分隔符每个元素以什么地方分割）。1，定义：split() 方法用于把一个字符串分割成字符串数组。，从该参数指定的地方分割 stringObject。
JS中的split(）函数
MoonLight_dR的博客
01-25 7498
split()函数： split(“”)与split(” “)的区别： split(” “)： 函数展示： 使用split(” “)后的字符串的结果： 可以看作是将一句话分成了一个单词，分隔符是空格。 split(“”) 函数展示： 使用split(“”)的结果： 可以看作将单词分成了单个的字符》 在
JavaScript split() 方法——如何在 JS 中将字符串拆分为数组
STATICHIT静砸的博客
04-09 8111
通常，字符串string表示编程语言中的字符序列。让我们看一个使用字符序列创建的字符串示例，“Yes, You Can DO It!String()JavaScript 中关于字符串的一个有趣事实是，我们可以使用字符串的索引访问字符串中的字符。第一个字符的索引是 0，它递增 1。下图代表了同样的事情：通过索引读取字符串的字符除了通过索引访问字符串字符的能力之外，JavaScript 还提供了大量实用方法来访问字符、取出字符串的一部分并对其进行操作。在这篇文章中将学习一个方便的字符串方法，
关于js中的split()函数
zsy657917826的专栏
07-01 671
split（）：如下：2013-07-01 分别截取2013、07、01  只需要这样声明变量 var str = "2013-07-01";    var jiequ=str.split("-"); year=jiequ[0]; month=jiequ[1]; day=jiequ[2];
JS中split函数的简单使用
W96866的博客
04-21 1803
split函数是在需要分割一个有规律的字符串时候用。 构造函数： stringObject.split(separator,howmany) //第一个参数为分割处；第二个可选该参数可指定返回的数组的最大长度 直接干货： var str = '{{1,2};{3,4};{5,6};{7,8};{9,10}}'; //定义一个有规律（每一组数据都是用;分开的）的字符串 var str...
JavaScript 分割字符串
最新发布
08-15
回答: 在JavaScript中，有几种方法可以用来分割字符串。一种是使用`string.split()`方法，这个方法可以将字符串按照指定的分隔符进行拆分，并返回一个由拆分后的子字符串组成的数组。另一种常用的方法是使用`String.substring(start, stop)`方法，这个方法可以从字符串中截取指定位置之间的子字符串。还有`String.substr(start, length)`方法，它可以从指定位置开始截取指定长度的子字符串。另外，还可以使用`String.slice(start, end)`方法来分割字符串，它可以截取从指定起始位置到指定结束位置的子字符串。可以使用这个方法来确定指定字符或子字符串在原始字符串中的位置。另外，还可以使用`join()`方法将一个数组合并为一个字符串，并使用指定的分隔符进行分隔。这个方法在一些情况下也可以用来分割字符串。123 #### 引用[.reference_title] - *1* [js分割字符串的方法](https://blog.csdn.net/weixin_53125679/article/details/125501756)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item] - *2* *3* [JS - 字符串截取方法汇总（slice、substring、substr等）](https://blog.csdn.net/X_lywfc/article/details/103235542)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

李桥桉

支持一下作者

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值