1.2 拆分字符串，存入数组

最新推荐文章于 2024-05-31 12:31:30 发布

debbyDeng

最新推荐文章于 2024-05-31 12:31:30 发布

阅读量1.6k

点赞数 1

分类专栏： JS实例文章标签： javascript 字符串拆分

本文链接：https://blog.csdn.net/debbyDeng/article/details/51833491

版权

JS实例专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!doctype html>
        <html>
<head>
    <meta charset="utf-8">
    <title>拆分字符串，存入数组</title>
    <style>
*{padding:0;margin:0;}
    </style>
</head>
<body>
<h1 id="fruit">This is a list of items: cherries, limes, oranges, apples.</h1>
<div id="Flist"></div>
<script type="text/javascript">
   var  fruit=document.getElementById("fruit");
   var content=fruit.lastChild.nodeValue;

//从HTML中获得字符串，先要取得文本节点，取其nodeValue值，此处不能使用value，因为不具value属性。
   var start=content.indexOf(":"),end=content.lastIndexOf(".");
   var list=content.substring(start+1,end);
   var Flist=list.split(",");
    document.getElementById("Flist").innerHTML=Flist.join("||");

//用join()时，原数组不变，是新数组的连接符发生了改变。

</script>
</body>
</html>

若要删除上述数组中各项的空格，有以下两种方法：

1，正则表达式法：

var Flist=list.split(/\s*,\s*/g);//匹配空格，逗号，空格，*表示0-n次。然后删掉它们。

2，trim()方法，注意trim只能删掉字符串首尾的空格：

var Flist=list.split(",");
   // 删除数组中每一项的空格。
   /*
Flist.forEach(function(item,index,array){
    array[index]=item.trim();
});// trim()只能用来删除字符串两端的空格,因此只能对数组每一项进行遍历删除。*/