JavaScript 处理字符串数组数据方法

这篇具有很好参考价值的文章主要介绍了JavaScript 处理字符串数组数据方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

JavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascript

        前端三件套中 JavaScript 就是充电处理业务逻辑的一个角色,在很多情况之下,或像在做项目之中去发起一些数据请求之后待服务器响应回馈给到客户端的时候,对于返回的数据需要进行一个格式的处理,比如有JSON,字符串,XML等等这些数据格式,有时需要格式转化,有时需要简单的截取其中的某个字符等等,那么本篇讲关于Javascript中一些处理的方法。


· 字符串

substring

         substring() 方法是比较常见和常用的方法,可以从字符串中提取一些字符,下面来用一下:

substring(0, i)

        从下标为 0 开始截取到下标为 i 中间的内容。

var str = 'I am a teacher!'

str.substring(0,3)    // I a
str.substring(0,4)    // I am
str.substring(0,5)    // I am 

JavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascript


substring(i)

        从下标为 i 开始往后截取,即下标为 i 之前的内容均去除。

var str = 'I am a teacher!'

str.substring(5)        // a teacher!

JavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascriptJavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascript


 substring(str.length - i) 

        从右边的第 i 个字符开始截取,str.length 是长度,长度是从1开始计数,所以从右边的第 i 个,不是右边开始倒数下标;(这里有人理解为长度- i = Number,那么对应不就是从下标第几个开始吗?如果这么想的话直接用substring(i)这个方便吗?所以这个是方便比较长度字符串且内容是靠后,从右边截取会更快),substring(str.length - i,str.length) 皆可。

var str = 'I am a teacher!'

str.substring(str.length - 6)        // acher!

JavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascriptJavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascript 


substring(0,str.length - i)

        从右边的第 i 个字符开始截取掉获取前面的内容。

        substring(str.length - i)截取的是从右边第 i 个字符开始的内容,前面的内容则通通不要,反而substring(0,str.lenght - i)反过来,截取除去从右边第 i 个字符开始的内容,即第 i 个之前的内容。

var str = 'I am a teacher!'

str.substring(0, str.length - 6)        // a teacher!

JavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascriptJavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascript


substring(0,indexOf(midChar))

        从开始截取到某个字符出现,indexOf() 返回第一次出现的元素。

var str = 'I am a teacher!'

str.substring(0, str.indexOf('c'))        // I am a tea

JavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascriptJavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascript


 subString(0, str.indexOf(midStr)+midStr.length)

        从开始截取到某个字段出现,截取该字段的第一次出现,midStr 指指定的某个字段。

var str = 'I am a teacher!'
var sub = 'ch'

str.substring(0, (str.indexOf(sub))+sub.length)    // I am a teach

JavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascriptJavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascriptJavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascript


replace

        替换,将字符串中的某个字符或字段进行替换,replace 也是非常常见的。

var str = 'I am a teacher!'


str.replace("teacher","student")    // I am a student!

JavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascriptJavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascript


substr

        讲到这个substring,当然就有这个substr,相信大家也使用碰到过,可以来看一下substr的用法,区别substring 和 substr.

substr(start,length) 

        start 下标 ,length 截取长度;

        根据上述substring的用法知道substring用法是substring(from,to),从from要截取开始的下标to去到截取末尾的位置,或者只有开始下标substring(to);substr的第二个参数是截取的长度,下面来看一下使用对比:

JavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascript

         好像没什么区别啊,substring(from,to)中的第一个参数下标基本都是0,那么可以负数吗?而substr是否可以是负数,下面来看一下:

var str = 'I am a teacher!'

str.substring(0,8)     // I am a t
str.substring(-1,8)    // I am a t
str.substring(-2,8)    // I am a t
str.substring(-3,8)    // I am a t

JavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascript

        来看一下 substr 的第一个参数是负数: 

var str = 'I am a teacher!'

str.substr(0,8)     // I am a t
str.substr(-1,8)    // I am a t
str.substr(-2,8)    // I am a t
str.substr(-3,8)    // I am a t

JavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascript

        差别到这里就看出来,-1 是倒数的第一个字符,-2 则是倒数的第二个字符,以此类推。而 (-1,8)就是倒数第一个字符开始截取8个长度。下面来多测试几个:

JavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascriptJavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascript


substr(start)         

        当然了substr是可以不带第二参数的,substr的第二个参数表示的是截取长度。

var str = 'I am a teacher!'

str.substr(0)     // I am a teacher!
str.substr(1)     //  am a teacher!
str.substr(2)     // am a teacher!
str.substr(-7)    // eacher!

JavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascriptJavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascript


· 数组

        下面来看一下处理数组的一些方法,下面来一个简单的数组,一般在处理数据中的一些数据也是有数组,二维数组,有值,有对象以及混合型等多元形式,分别演示下:

JavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascriptJavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascriptJavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascriptJavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascript

         当然还有其他的形式出现,这里不再过多的拓展开来,我们来讲几个方法来处理数组中一些数据处理。


splice

         使用 splice() 方法来处理数据,实现增删改。

        splice 语法格式: array.splice ( start, count , items )

        start 是删除数组元素的开始下标(必须),count 删除元素的个数,items 则是插入数组的元素

删除 splice(i)

        一个参数,数组会删除从给定索引到结束的所有元素,原数组会被修改。

var arr = [1, 2, 3, 4, 5, 6]

var del = arr.splice(2)    

console.log(arr)    // [ 1, 2 ]
console.log(del)    // [ 3, 4 , 5 ,6 ]

JavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascriptJavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascript

删除 splice(i,l)

        在 arr 数组中删除了从下标2开始的索引到结束所有元素,那么如果只删除数组中的3,让数组arr为 [ 1,2,4,5,6 ],可以如下操作:

var arr = [1, 2, 3, 4, 5, 6]

var del = arr.splice(2,1)    

console.log(arr)    // [ 1, 2, 4 , 5 ,6 ]
console.log(del)    // [ 3 ]

JavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascript

删除3,4,让数组为 [ 1, 2, 4, 5 ] ,如下:

var arr = [1, 2, 3, 4, 5, 6]

var del = arr.splice(2,2)    

console.log(arr)    // [ 1, 2, 5 ,6 ]
console.log(del)    // [ 3, 4 ]

JavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascript

        如果这个数组足够长,那么我想删除倒数的数组,还是需要从开始的索引往下数吗?splice()方法的第一个参数可以是正数或者负数。

正数则表示 从左边往右定位索引,而负数则不是,表示从右边到左边指定元素

JavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascript


 添加 splice(i,l,s)

         使用splice在数组中添加元素,第三个参数则是添加的元素;

JavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascript

        这是当前arr数组的元素,需要来补全中间的两个数字3,4.

JavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascript

JavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascript

         加入4也是同理,那么这是一个一个的加,第三个参数其实是可以插入多个元素的。可以这样来修改:

var arr = [ 1, 2, 5, 6 ]

arr.splice(2,0,3,4)    // [ 1, 2, 3, 4, 5, 6 ]

JavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascript


替换 splice(i,l,s)

        在数组中添加元素 splice 中的第二个参数则为0,不删除只往数组添加元素,替换则第二个参数则是要替换的索引下标,第三个参数则是要替换的元素。

var arr = [ 1, 2, 2 ]

arr.splice(2,1,3)

JavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascript


slice

        slice() 截取数组,splice() 与 slice() 这两个方法很是相近,但是它仅能够截取数组中指定区段的元素,并返回这个子数组,slice() 有两个参数.

slice(s) 

        第一个参数的正负与splice的第一个参数一样;

var arr = [ 1,2,3,4,5,6 ]

arr.slice(2)    // 3,4,5,6

JavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascriptJavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascript


splice(s,e)

         第一个参数为起始位置,而第二个参数则为截取的末位置,同理两个参数可正负;

var arr = [ 1,2,3,4,5,6 ]

arr.slice(2,5)    // 3,4,5

JavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascript

var arr = [ 1,2,3,4,5,6 ]

arr.slice(-4,-1)    // 3,4,5

JavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascriptJavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascript

        slice() 方法将返回数组的一部分(子数组),但不会修改原数组。而 splice() 方法是在原数组基础上进行截取。如果希望在原数组基础上进行截取操作,而不是截取为新的数组,只能使用 splice() 方法。如下:

JavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascript

JavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascript

         以上就是本篇的全部内容了,感谢大家的支持!

JavaScript 处理字符串数组数据方法,JavaScript 相关,javascript,开发语言,ecmascript文章来源地址https://www.toymoban.com/news/detail-526753.html

到了这里,关于JavaScript 处理字符串数组数据方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • JavaScript删除字符串中指定字符的四种方法

    推荐使用第一种 第四种 方法一:使用 replace()方法 replace()方法用于将特定字符或字符串替换为其他字符或字符串 参数: 第一个参数是待替换的字符或字符串 , 第二个参数是替换为的字符或字符串。 可以将第一个参数设为 要删除的字符 ,将第二个参数 设为空字符串 ,这样

    2024年02月15日
    浏览(62)
  • JavaScript删除字符串最后一个字符的三种方法

    JavaScript删除字符串最后一个字符的三种方法 在JavaScript中,我们经常需要操作字符串。有时候,我们可能需要删除字符串的最后一个字符。下面将介绍三种常见的方法来实现这个目标。 方法一:使用 slice 函数 slice 函数是JavaScript中一个常用的字符串方法,它可以返回一个新的

    2024年02月08日
    浏览(53)
  • java判断某个字符串是否在字符串数组中的方法(4种)

    public class Demo {     public static boolean useLoop(String[] arr, String targetValue) {         for (String s : arr) {             if (s.equals(targetValue)) return true;         }         return false;     }       public static void main(String[] args) {         String arr[] = {\\\"aa\\\", \\\"bb\\\", \\\"cc\\\"};       

    2024年02月11日
    浏览(95)
  • 高级编程,JavaScript笔记-字符串的常用方法

    我们也可将字符串常用的操作方法归纳为增、删、改、查,需要知道字符串的特点是一旦创建了,就不可变 增 这里增的意思并不是说直接增添内容,而是创建字符串的一个副本,再进行操作 除了常用 + 以及 ${} 进行字符串拼接之外,还可通过 concat concat 用于将一个或多个字

    2024年01月23日
    浏览(43)
  • vue(javaScript) 操作字符串的常用方法

    1. 获取字符串长度 JavaScript中的字符串有一个length属性,该属性可以用来获取字符串的长度 2. 获取字符串指定位置的值 charAt()和charCodeAt()方法都可以通过索引来获取指定位置的值 charAt() 方法获取到的是指定位置的字符; charCodeAt()方法获取的是指定位置字符的Unicode值。 (1)

    2024年02月03日
    浏览(43)
  • 手撕前端面试题【javascript~ 总成绩排名、子字符串频次统计、继承、判断斐波那契数组等】

    html页面的骨架,相当于人的骨头,只有骨头是不是看着有点瘆人,只有HTML也是如此。 css,相当于把骨架修饰起来,相当于人的皮肉。 js(javascripts),动起来,相当于人的血液,大脑等一切能使人动起来的器官或者其他的。 在刷题之前先介绍一下牛客。Leetcode有的刷题牛客都有,

    2024年01月15日
    浏览(44)
  • 在JavaScript中将字符串转换为数字的7种方法

    原始地址:https://dev.to/sanchithasr/7-ways-to-convert-a-string-to-number-in-javascript-4l 使用parseInt() parseInt()解析字符串并返回一个整数。可以包含空格。只返回第一个数字。 然而,该方法有一个限制。如果解析的是小数,它将四舍五入为最近的整数值,并将该值转换为 字符串 。一个可能

    2024年02月05日
    浏览(60)
  • 【JavaScript数据结构与算法】字符串类(反转字符串中的单词)

    个人简介 👀 个人主页: 前端杂货铺 🙋‍♂️ 学习方向: 主攻前端方向,也会涉及到服务端(Node.js) 📃 个人状态: 在校大学生一枚,已拿多个前端 offer(秋招) 🚀 未来打算: 为中国的工业软件事业效力 n 年 🥇 推荐学习:🍍前端面试宝典 🍉Vue2 🍋Vue3 🍓Vue2/3项目

    2023年04月09日
    浏览(89)
  • JavaScript 实现字符串转JSON对象的四种方法

    在很多时候我们都需要将数据转换为JSON的格式去进行请求,这里就给大家介绍几种转JSON的方法 语法: eval()定义:eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。 由于 JSON 语法是 JavaScript 语法的子集,JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。

    2024年02月15日
    浏览(70)
  • Java中字符串与byte数组之间的转换方法

    在Java编程中,我们常常需要对字符串和byte数组进行转换。字符串一般是用来表示文本信息,而byte数组则是用来表示二进制数据,如图片、音频等。本文将详细介绍Java中字符串和byte数组之间的转换方法,包括将字符串转换为byte数组和将byte数组转换为字符串。 Java中字符串与

    2024年02月09日
    浏览(47)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包