首页 > 软件开发 > JavaScript >

如何使用字符串的split方法进行分割

来源:互联网 2023-03-16 23:56:59 版权归原作者所有,如有侵权,请联系我们

在程序开发中,经常会遇到对字符串的操作处理,比如字符串拼接,截取,比较是否相等,转换大小写等等操作,今天介绍下字符串的分割,使用split方法来处理。I3p办公区 - 实用经验教程分享!

方法/步骤

  • 1

    我们先写一个split分割的方法,方法很简单,就是直接调用字符串的split函数,然后把结果显示在浏览器的控制台上。代码如图,split函数的参数就是分隔符,即你字符串里是用什么符号来分隔开的,就传入这个符号。I3p办公区 - 实用经验教程分享!

    (如果对JS调试不熟悉的,可以参考下面的链接)I3p办公区 - 实用经验教程分享!

    2JavaScript如何调试?I3p办公区 - 实用经验教程分享!

    如何使用字符串的split方法进行分割I3p办公区 - 实用经验教程分享!

  • 2

    然后在页面加载完成时调用刚才定义的方法,传入一个字符串做参数,代码如图I3p办公区 - 实用经验教程分享!

    如何使用字符串的split方法进行分割I3p办公区 - 实用经验教程分享!

  • 3

    运行下页面,从浏览器的控制台可以看到结果,split函数把一个字符串用空格分隔为一个数组了。I3p办公区 - 实用经验教程分享!

    如何使用字符串的split方法进行分割I3p办公区 - 实用经验教程分享!

  • 4

    split函数还有第二个参数,limit参数,表示的是分隔后,结果数组保留多少个元素,我们修改下代码,如图,传入参数2,I3p办公区 - 实用经验教程分享!

    如何使用字符串的split方法进行分割I3p办公区 - 实用经验教程分享!

  • 5

    再次运行页面,可以看到现在的数组只有二个元素了。I3p办公区 - 实用经验教程分享!

    如何使用字符串的split方法进行分割I3p办公区 - 实用经验教程分享!

  • 5本页面未经许可获取自百度经验
  • 6

    如果我们为split函数传入一个不存在的分隔符,结果会怎样?修改代码如图,I3p办公区 - 实用经验教程分享!

    如何使用字符串的split方法进行分割I3p办公区 - 实用经验教程分享!

  • 7

    运行页面得到结果,可以看到现在的数组就只有一个元素,就是原字符串本身,也就是说如果传入的分隔符号在字符串里没有找到,那就不会对字符串进行强行分隔,只本身字符放进数组里返回,I3p办公区 - 实用经验教程分享!

    如何使用字符串的split方法进行分割I3p办公区 - 实用经验教程分享!

  • 注意事项

    • 需要引入Jquery脚本插件,代码里有用到Jquery。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!I3p办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号