js数组切割拼装

最新推荐文章于 2023-04-04 14:31:29 发布

Leo-hzj

最新推荐文章于 2023-04-04 14:31:29 发布

阅读量1.1k

点赞数 1

分类专栏： javascript 文章标签： javascript js js数组数组

本文链接：https://blog.csdn.net/q36835109/article/details/51899849

版权

javascript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

项目中刚好遇到一个数组切割拼装数据的，先记录一下！

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>数组切割拼装</title>
<script>
window.οnlοad=function(){
	var arrVal = '';
	var arr = [];
	var arr1 = [];
	var arr2 = [];
	var num = document.getElementById("num");
	var num_li = document.getElementsByTagName("li");
	for(var i=0;i<num_li.length;i++){
		var get_span = num_li[i].getElementsByTagName("span")[0].innerHTML;
			arr1.push(get_span);
		var get_span2 = num_li[i].getElementsByTagName("span")[1].innerHTML;
			arr2.push(get_span2);

		var arr_val = arr2.join();
			arr1.push(arr_val);
			
			arr2.length = 0;
			
			arr.push(arr1.join(":"));
			
			arr1.length = 0;
	}
		arrVal = arr.join("|");
		console.log(arrVal);
}
</script>
</head>

<body>
    <ul id="num">
        <li>
            <span>01</span>
            <span>测试1</span>    
        </li>
        <li>
            <span>02</span>
            <span>测试2</span>
        </li>
        <li>
            <span>03</span>
            <span>测试3</span>
        </li>
        <li>
            <span>04</span>
            <span>测试4</span>
        </li>
        <li>
            <span>05</span>
            <span>测试5</span>
        </li>
    </ul>
</body>
</html>

未测试兼容性，需要用的自己测试兼容性！！