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的意思