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

join为什么每个字符都分割了 js_【项目总结】之——JS分割字符串

No1.我们建立一个前台界面,来显示我们做实验用的数据:

是不是很简单?

No2.我们去写一个Jscript去进行测试

1、Join()

$(function () {

var myList=new Array("Li","Wei","zhong","Shao","Ran");

var portableList=myList.join("|");

document.getElementById('test').value = portableList;

}

效果显示:

小结:join()函数的功能是使用自己选择的分隔符将一个数组合并为一个字符串

2、split()

var str = "Li|Wei|Zhong|Shao|Ran";

var test = new Array();

test = str.split("|");

document.getElementById('test').value = test[0] + "&&" + test[1] + "&&" +test[2]+"&&" +test[3]+"&&" +test[4];

效果显示:

小结:split()函数的功能是使用一个指定的分隔符把一个字符串分割存储到数组

3、substring(int,int)

var str = "Li|Wei|Zhong|Shao|Ran";

var test = str.substring(0, 2);

document.getElementById('test').value = test;

alert(str.substring(15,16));

效果显示:

小结:substring(int,int)函数的功能是截取字符串,从那开始,到哪结束。再举个例子就是说如果我想截取字符串 “李卫中” 里面的“中”子,我要用到substring(2,3)

4、indexof()

    var str = "LiWeizhong is my hero!";

var a = str.indexOf("L");//Li

var b = str.indexOf("i");//Li

var c = str.indexOf("W");//Wei

var d = str.indexOf("i");//is

var e = str.indexOf("s");//is

var f = str.indexOf("o");//hero

document.getElementById('test').value =(a + "," + b + "," + c + "," + d + "," + e + "," + f);

效果展示:

小结:这个就太明显了,indexof()函数的功能是返回字符串中匹配子串的第一个字符的下标值。(空格是也是算的哦),另外值得一提的是,当你需要匹配的是一个串的时候,比方说,我要匹配 ”is“ 的时候,它会显示:11。也就是说,它会显示符合该匹配条件下的第一个字母的下标值。如果你输入的不存在,那会返回-1,也就是false的意思

相关文章:

  • rto净化效率计算公式_吕梁油墨厂RTO焚烧炉设计计算
  • 修改段落内容_为什么论文修改后重复率还变高?
  • windbg找不到pdb文件_使用Windbg时关于符号文件路径设置问题
  • layui open传参_layui 打开新页面,并传入参数
  • cnc加工中心保养表_CNC加工中心有哪些日常保养方法?
  • ffplay拉流时间长卡住_杭州女子崩溃:我吞了个勺子进去,14厘米长!事情要从一条鱼说起…...
  • 多台路由器堆叠_一文了解核心交换机的链路聚合、冗余、堆叠、热备份等专业知识...
  • 会计初级可以自己报名吗_初级会计考试报名入口
  • 三条中线分的六个三角形_《三角形》单元测试卷友情提示:重点就这些,对今后学习意义重大...
  • python 负数十六进制_Python入门基础语法知识2
  • 图像矩_论文推荐 | 周建伟:MRELBP特征、Franklin矩和SVM相结合的遥感图像建筑物识别方法...
  • cppcheck 自定义规则_Cppcheck 用法-编码规范
  • 如何写_如何去除u盘的写保护
  • vue提交mutation_Vuex之mutation
  • hmcl手机版下载_HMCL启动器
  • 4. 路由到控制器 - Laravel从零开始教程
  • C++回声服务器_9-epoll边缘触发模式版本服务器
  • CentOS 7 防火墙操作
  • express如何解决request entity too large问题
  • Quartz初级教程
  • Spring思维导图,让Spring不再难懂(mvc篇)
  • Wamp集成环境 添加PHP的新版本
  • 闭包--闭包之tab栏切换(四)
  • 那些年我们用过的显示性能指标
  • 前端性能优化——回流与重绘
  • 深度解析利用ES6进行Promise封装总结
  • 使用Tinker来调试Laravel应用程序的数据以及使用Tinker一些总结
  • 小程序滚动组件,左边导航栏与右边内容联动效果实现
  • 小程序上传图片到七牛云(支持多张上传,预览,删除)
  • 【运维趟坑回忆录 开篇】初入初创, 一脸懵
  • python最赚钱的4个方向,你最心动的是哪个?
  • 阿里云服务器如何修改远程端口?
  • 翻译 | The Principles of OOD 面向对象设计原则
  • ​软考-高级-系统架构设计师教程(清华第2版)【第20章 系统架构设计师论文写作要点(P717~728)-思维导图】​
  • #NOIP 2014#day.2 T1 无限网络发射器选址
  • #QT(智能家居界面-界面切换)
  • (8)STL算法之替换
  • (C++20) consteval立即函数
  • (java版)排序算法----【冒泡,选择,插入,希尔,快速排序,归并排序,基数排序】超详细~~
  • (js)循环条件满足时终止循环
  • (附源码)计算机毕业设计SSM智能化管理的仓库管理
  • (六)软件测试分工
  • (三)c52学习之旅-点亮LED灯
  • (四)TensorRT | 基于 GPU 端的 Python 推理
  • (原創) 是否该学PetShop将Model和BLL分开? (.NET) (N-Tier) (PetShop) (OO)
  • (转)Linux整合apache和tomcat构建Web服务器
  • (自用)learnOpenGL学习总结-高级OpenGL-抗锯齿
  • .NET Core/Framework 创建委托以大幅度提高反射调用的性能
  • .NET Core引入性能分析引导优化
  • .net下的富文本编辑器FCKeditor的配置方法
  • ??如何把JavaScript脚本中的参数传到java代码段中
  • ?php echo ?,?php echo Hello world!;?
  • [ Linux ] Linux信号概述 信号的产生
  • [20160807][系统设计的三次迭代]
  • [30期] 我的学习方法