JS的数组与字符串

已于 2023-11-30 12:58:12 修改
阅读量319 收藏
点赞数 1
分类专栏： 私有 文章标签： 前端 学习 开发语言
于 2023-07-18 16:33:17 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51478745/article/details/131788100
版权

目录

一、数组字符串常用方法

1、数组

2、字符串

二、数组字符串相似区别

1、slice()、splice()、splice()、split()

2、数组与字符串转换

三、JSON.stringigy()和JSON.parse()

1、常见场景

一、数组字符串常用方法

1、数组

join()

将数组的所有元素连接成一个字符串。

pop()

删除数组的最后一个元素，并返回该元素。

push()

将新元素添加到数组的末尾，并返回新的长度。

reverse()

反转数组中元素的顺序。

shift()

删除数组的第一个元素，并返回该元素。

slice()

选择数组的一部分，并返回新数组。

splice()

从数组中添加/删除元素。

unshift()

将新元素添加到数组的开头，并返回新的长度。

2、字符串

prototype

允许您向对象添加属性和方法。

replace()

在字符串中搜索值或正则表达式，并返回替换值的字符串。

slice()

提取字符串的一部分并返回新字符串。

split()

将字符串拆分为子字符串数组。

startsWith()

检查字符串是否以指定字符开头。

substr()

从字符串中抽取子串，该方法是 substring() 的变种。

substring()

从字符串中抽取子串。

trim()

返回删除了空格的字符串。

trimEnd()

返回从末尾删除空格的字符串。

trimStart()

返回从开头删除空格的字符串。

 （1）replace() 方法

<!DOCTYPE html>
<html>
  <body>
    <p id="demo">Mr Blue has a blue house and a blue car.</p>
    
    <script>
      let str = document.getElementById("demo").innerHTML; 
      let res = str.replace(/blue/g, "red");
      document.getElementById("demo").innerHTML = res;//Visit W3School!
    </script>
  </body>
</html>

（2）slice() 方法

<!DOCTYPE html>
<html>
  <body>
    <p id="demo"></p>
    <script>
      let text = "Hello world!";
      let result = text.slice(0, 5);
      document.getElementById("demo").innerHTML = result;//hello
    </script>
  </body>
</html>

（3）split() 方法

<!DOCTYPE html>
<html>
  <body>
    <p id="demo"></p>

    <script>
      let text = "How are you doing today?";
      const myArray = text.split(" ");
      document.getElementById("demo").innerHTML = myArray; //How,are,you,doing,today?
    </script>
  </body>
</html>

（4）startsWith() 方法

<!DOCTYPE html>
<html>
  <body>
    <p id="demo"></p>
    <p>Internet Explorer 11（或更早版本）不支持 startsWith()。</p>
    
    <script>
      let text = "Hello world, welcome to the universe.";
      let result = text.startsWith("Hello");
      document.getElementById("demo").innerHTML = result;//true
    </script>
  </body>
</html>

（5）substr() 方法

<!DOCTYPE html>
<html>
  <body>
    <p id="demo"></p>
    
    <script>
      let text = "Hello world!";
      let result = text.substr(1, 4);
      document.getElementById("demo").innerHTML = result;//ello
    </script>
  </body>
</html>

（6）substring() 方法

<!DOCTYPE html>
<html>
  <body>
    <p id="demo"></p>

    <script>
      let text = "Hello world!";
      let result = text.substring(1, 4);
      document.getElementById("demo").innerHTML = result;//ell
    </script>
  </body>
</html>

（7）trim() 方法

<!DOCTYPE html>
<html>
  <body>
    <pre><p id="demo1"></p></pre>
    <pre><p id="demo2"></p></pre>
    
    <script>
      let text = "     Hello World!     ";
      let result = text.trim();
      document.getElementById("demo1").innerHTML = text;//     Hello World!     
      document.getElementById("demo2").innerHTML = result;//Hello World!
    </script>
  </body>
</html>

二、数组字符串相似区别

1、slice()、splice()、splice()、split()

slice()

选择 数组 的一部分，并返回新数组。

splice()

从 数组 中添加/删除元素。

slice()

提取 字符串 的一部分并返回新字符串。

split()

将 字符串拆 分 为 子字符串 数组 。

2、数组与字符串转换

join()

将数组的所有元素连接成一个字符串。【数组==>字符串】

split()

将字符串拆分为子字符串数组。【字符串==>数组】

三、JSON.stringigy()和JSON.parse()

JSON.stringify()对象转成字符串
JSON.parse()字符串转成对象

1、常见场景

对接收到的数据进行处理

let info = JSON.parse(JSON.stringify(res.data))
五秒法则
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
js数组与字符串常用方法总结
11-30
在JavaScript中，数组和字符串是两种非常基础且重要的数据类型。它们各自有一系列的方法来处理和操作数据。这里我们将深入探讨这些方法。 首先，我们来看看字符串的一些常用方法： 1. `substring(start, end)`：这...
javascript中数组和字符串的方法对比
12-11
前面的话 字符串和数组有很多的相同之处，...不仅如此，字符串的行为类似于数组的事实使得通用的数组方法可以应用到字符串上 如果参数超出范围或是NaN时，则输出undefined var str = "hello"; console.log(str[0]);//
JavaScript 数组与字符串的相互转换
Wzmlzrr的博客
10-31 3849
JavaScript 数组与字符串的相互转换
js数组与字符串的相互转换方法
猛男博客
06-01 264
数组转字符串,字符串转数组
js数组与字符串的相互转换方法(总结）
IT博客技术分享
05-11 3706
js数组与字符串的相互转换方法 1、数组转字符串 需要将数组元素用某个字符连接成字符串，示例代码如下： var a, b; a = new Array(0,1,2,3,4); b = a.join("-"); //"0-1-2-3-4" 2、字符串转数组 实现方法为将字符串按某个字符切割成若干个字符串，并以数组形式返回，示例代码如下： var s = "abc,abcd,a...
js数组转字符串
m0_57005111的博客
02-20 807
2， array.join(),将数组元素连接起来以构建一个字符串,转换后的类型为string类型，可以随意设定分隔符。1, array.toString(),将一个数组转化成一个字符串，转换后的类型为string类型，默认用，隔开。3, array.toLocaleString(),把数组转换成本地约定的字符串.默认用“,”隔开.
JS数组转字符串
热门推荐
又菜又爱写
12-10 4万+
本篇文章将介绍JS数组转字符串的三种方法。 文章目录一、toString()方法二、toLocalString()方法三、join() 方法 JavaScript 允许数组与字符串之间相互转换。因此提供了三种方法用来进行转换。 以下开始分别介绍三种方法。 一、toString()方法 1、功能：可以把每个元素转换为字符串，然后以逗号连接输出并显示。 2、使用方法： var arr = [0，1，2，3]; //定义一个数组 var str = arr.toString(); //把arr数组利用t
php 转化js数组字符串,js数组与字符串相互转换的方法
weixin_28751115的博客
03-21 229
在 javascript 中，少不了遇到数组与字符串相互转换的情况，而这里就涉及到了 join() 与 split() 方法，本文就简单的对 join() 与 split() 方法的使用作一下介绍。js join() 方法定义与介绍join()：将数组中的所有元素组合成一个字符串语法：array.join(separator)参数：separator：可选，链接数组元素的分割符号，如省略，则默...
【JS】数组和字符串之间的转换
流萤梦的博客
09-04 2567
最近，我算是和数组杠上了，今天来说说数组和字符串之间的相互转换。 你知道的都有哪些方法呢？ 下面说一说比较常见的几种，嘿嘿（不常见的我也不一定知道啊）。 一、数组转字符串 1、toString() 返回一个字符串，表示指定的数组及其元素 举个栗子，看下效果： const arr = [1,2,3,4]; arr.toString(); // "1,2,3,4" 现在确实是个字符串了，但问题又来了，有什么办法可以把中间的逗号去掉吗？ 简单点，直接使用replace或者replaceA
数组与字符串相互转换
MoXinXueWEB的博客
09-20 9538
小菜鸟在摸鱼
js 数组 对象 字符串 常用方法
Austin的博客
05-25 1462
js 数组 对象 字符串 常用方法
（六）字符数组与字符串的区别
qq_36181546的博客
02-17 1万+
字符串 在计算机应用中，除了要处理大量的数值型数据外，还不可避免地要处理大量的文字信息。比如，学校的学籍管理系统在存储学生成绩的同时，还应存储学生姓名、性别、家庭住址等相关信息。通常文字在计算机中是用字符串来表示的。 1.字符串常量 用双引号括起来的一串字符就是字符串常量，它的末尾将由系统自动添加一个字符串结束标志‘\0’。‘\0’作为转义字符，其ASCII码值为0，是一个非显示字符，也称为“空字符”，在使用中与数字0、预定义标识符NULL具有相同的作用。它表示字符串到此结束，因此利用它可以很方便地测定字符
vue3前端开发-小兔鲜项目-人气推荐栏目的前端渲染
最新发布
yrldjsbk的博客
07-18 339
除了必要的import导入之外，剩余的就是直接调用了，赋值了。经历过上一次的，新鲜好物的栏目渲染之后，我们已经熟练了，vue3的接口调用，数据渲染到页面中的整体流程。如图，我们已经做好了，列表的渲染赋值。里面可以看见，顶部是脚本，中间是模板，底部是样式。在首页面，内容里面，会看见很多内容，上期内容我们已经完成了新鲜好物的渲染操作。1：打开接口文档，查询：人气推荐栏目的接口地址信息和参数，返回值对象信息等。以上内容就是，已经写好的，HomeHot的模板代码了。如图，地址信息和调用的方式已经清楚了。
Web前端-Web开发CSS基础6-弹性盒子
a15735748145a的博客
07-16 1279
10. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。11. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。12. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。
【Vue】 style中的scoped
DX390609的博客
07-15 166
在vue文件中的style标签上，有一个特殊的属性：scoped。当一个style标签拥有scoped属性时，它的CSS样式就只能作用于当前的组件，通过该属性，可以使得组件之间的样式不互相污染。
中间件的理解
modi000的博客
07-15 429
直接返回，前置服务可以支持更高流量的并发，后置的需要耗时、耗力的，需要IO操作的服务，可以通过MQ慢慢处理。前端写消息的速率比后端处理消息的速率要快很多的。a.快递员角度：快递员无需将快递直接交到用户手里，放在菜鸟驿站即可走了，增加了送快递的数量，提高了送快递的效率；b.用户角度：快递到达的时候在上班，当时无时间取快递，当有了菜鸟驿站后，用户可以在下班闲暇时间去取快递。所以，中间件可以多个可能互相调用的系统耦合程度，提升接口的响应速度，。c.双十一的时候，快递量暴增，快递员不会手忙脚乱、用户可排序取快递。
【前端】JavaScript入门及实战6-10
weixin_45980065的博客
07-17 568
如果使用Number表示的数字超过了最大值，则会返回一个Infinity，表示正无穷，typeof是number。NaN是一个特殊的数字，不是数字：not a number，是一个字面量，typeof是number。但是注意，null和undefined这两个值没有toString()方法，如果调用会报错。它会将null直接转换为"null"，将undefined直接转换为"undefined"当声明一个变量，但是并不给变量赋值时，它的值就算undefined。该方法不会影响原变量，它会将转换的结果返回。
cookies,sessionStorage和localStorage都有什么区别
qq_51856496的博客
07-17 300
cookies,sessionStorage和localStorage都有什么区别 cookies在请求数据传输的时候会携带至后台，sessionStorage,localStorage是纯客户端缓存 cookies有过期机制,sessionStorage是会话级缓存，窗口关闭后会销毁，localStorage是本地持久缓存手动才会清除 cookies只能存储4KB并且不推荐前端用js直接操作，sessionStorage,localStorage存储有5MB
js 数组变成字符串
07-27
总结起来，要将JavaScript数组转换为字符串，可以使用toString()方法或者将数组放在字符串环境中。\[1\]\[2\]\[3\] #### 引用[.reference_title] - *1* *2* *3* [JS数组转字符串]...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

五秒法则

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明：

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

余额充值