javascript 组合问题?

pp1885 2011-08-12 03:48:02
var str="红色,蓝色|1.2米,2.2米|折叠,伸缩";//该变量格式固定每一组都是分割线分开,同组的用逗号分隔,里面的值不固定,也有可能是如下:

var str="红色,蓝色|1.2米,2.2米|折叠,伸缩,旋转";

如何能组成如下字符

红色 1.2米 折叠

红色 1.2米 伸缩

红色 2.2米 折叠

红色 2.米 伸缩

蓝色 。。。。。。类似

想得到这样的结果,请问哪位能帮忙谢谢

...全文
83 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
pp1885 2011-08-12
  • 打赏
  • 举报
回复
感谢几位朋友,特别感谢 s1120624175的方法
结贴了
s1120624175 2011-08-12
  • 打赏
  • 举报
回复
不限制有多少"|" 不限制每个"|"有多少","把所有可能性拼接在一起

<html>
<head>
<script type="text/javascript">
var tempA = new Array();
var tempB = new Array();
var tempSave = new Array();
function test(){
var str = "red,blue|1.2,2.2,3.2|a,b,c|A,B,C,D"
var ary1 = str.split("|");
tempSave = ary1[0].split(",");
tempA = tempSave;

for(var i =1;i<ary1.length;i++){
forItem(ary1[i].split(","));
}
for(var i =0;i<tempSave.length;i++){
oUrl.innerHTML+=tempSave[i]+"<br>";
}
}
function forItem(ary){
tempSave = new Array();
tempB = ary;
for(var i =0;i<tempA.length;i++){
for(var j =0;j<tempB.length;j++){
tempSave[tempSave.length] =tempA[i]+" "+tempB[j];
}
}
tempA = tempSave;
}
</script>
</head>
<body onload="test()">
<div id="oUrl" >
</div>
</body>
</html>
s1120624175 2011-08-12
  • 打赏
  • 举报
回复
[Quote=引用 6 楼 s1120624175 的回复:]

JScript code

var str = "红色,蓝色|1.2米,2.2米|折叠,伸缩";
var ary1 = str.split("|");
var ary2 = new Array();
ary2[0]="";
ary2[1]="";
for(var i =0;i<ary1.length;i++){
ary1[i] = ary1[i].split(",");
ary……
[/Quote]
这是对号入座的写法
如果是组合的话看下面
s1120624175 2011-08-12
  • 打赏
  • 举报
回复

var str = "红色,蓝色|1.2米,2.2米|折叠,伸缩";
var ary1 = str.split("|");
var ary2 = new Array();
ary2[0]="";
ary2[1]="";
for(var i =0;i<ary1.length;i++){
ary1[i] = ary1[i].split(",");
ary2[0]+=" "+ary1[i][0];
ary2[1]+=" "+ary1[i][1];
}
alert(ary2[0]);
alert(ary2[1]);
abcd_ufo 2011-08-12
  • 打赏
  • 举报
回复

拿在上面不用声明 te te1 te2 直接操作

for(i=0;i<array.length;i++)
{
var arr=array[i].split("|");
for(var j=0;j<arr.length;j++)
{
//...一次类推 写下来
}
}
pp1885 2011-08-12
  • 打赏
  • 举报
回复
感谢楼上的2位朋友,能否灵活一些,比如 var str="红色,蓝色|1.2米,2.2米"; 这个变量,不限定有几个竖线分隔,如果是更多呢,有没有更灵活一些的方法,感谢楼上的
风中叶 2011-08-12
  • 打赏
  • 举报
回复
已经有答案了 楼上
abcd_ufo 2011-08-12
  • 打赏
  • 举报
回复

function test()
{
var str="红色,蓝色|1.2米,2.2米|折叠,伸缩,旋转";
var array=str.split("|");

var result="";
var te=array[0].split(",");
var te1=array[1].split(",");
var te2=array[2].split(",");

for(var i=0;i<te.length;i++)
{
for(var j=0;j<te1.length;j++)
{
for(var k=0;k<te2.length;k++)
{
result+=(te[i]+" "+te1[j]+" "+te2[k]+"\t\n");
}
}
}
alert(result);
}
test();

abcd_ufo 2011-08-12
  • 打赏
  • 举报
回复

function test()
{
var result="";
var te=['红色','蓝色'];
var te1=['1.2米','2.2米'];
var te2=['折叠','伸缩'];

for(var i=0;i<te.length;i++)
{
for(var j=0;j<te1.length;j++)
{
for(var k=0;k<te2.length;k++)
{
result+=(te[i]+" "+te1[j]+" "+te2[k]+"\t\n");
}
}
}
alert(result);
}
test();


JavaScript极速狂飙:组合拼接字符串的效率JavaScript极速狂飙:CSS样式表的背景渲染效率JavaScript面向对象的支持--(1)JavaScript面向对象的支持--(2)JavaScript面向对象的支持--(3)JavaScript面向对象的支持--(4)JavaScript面向对象的支持--(5)JavaScript面向对象的支持--(6)JavaScript精简学习1:基础知识JavaScript精简学习2:浏览器输出JavaScript精简学习3:图像JavaScript精简学习4:表单事半功倍之Javascript--(1)事半功倍之Javascript--(2)事半功倍之Javascript--(3)事半功倍之Javascript--(4)JavaScript教程--从入门到精通--(1)JavaScript教程--从入门到精通--(2)JavaScript教程--从入门到精通--(3)JavaScript教程--从入门到精通--(5)JavaScript教程--从入门到精通--(6)JavaScript教程--从入门到精通--(7)JavaScript教程--从入门到精通--(8)JavaScript教程--从入门到精通--(9)悟透JavaScript(李站老师)-编程的快乐悟透JavaScript(李站老师)-初看原型悟透JavaScript(李站老师)-对象素描悟透JavaScript(李站老师)-放下对象悟透JavaScript(李站老师)-构造对象悟透JavaScript(李站老师)-原型扩展用javascript操作 asp .net TextBox控件用javascript操作 asp .net Label控件用javascript操作 asp .net TextBox控件 下用javascript操作asp.net label控件 外一篇用javascript改变onclick调用的函数用JavaScript加密保护网站页面用Javascript检测网速的方法用Javascript评估用户输入密码的强度用JavaScript实现仿Windows关机效果用javascript实现进度条用javascript怎样实现图片模糊效果《ExtJS2.0实用简明教程》之Border区域布局《ExtJS2.0实用简明教程》之Ext类库简介《ExtJS2.0实用简明教程》之布局概述《ExtJS2.0实用简明教程》之获得ExtJS《ExtJS2.0实用简明教程》之应用ExtJSjs访问xml之遍历节点树js访问xml之创建xmlDocumentjs访问xml之根节点操作js访问xml之节点操作(1)js访问xml之节点操作(2) js访问xml之节点对象属性和方法js访问xml之删除一个book元素节点js访问xml之添加一个book元素节点【JS】兼容ff的加入收藏和设为首页【补】【sina】绕过sina博客的限制,超级BT执行Javascript【blog】介绍一下给sina博客加背景音乐的办法【Blog】再次解说博客加音乐的办法张孝祥JavaScript教程笔记:HTML基础张孝祥JavaScript教程笔记:HTML基础(二)张孝祥JavaScript教程笔记:HTML基础(三)-URL,图像标签,图像地图JavaScript经典效果集锦(一)JavaScript经典效果集锦(二)JavaScript经典效果集锦(三)Javascript技术技巧大全(一)Javascript技术技巧大全(二)Javascript技术技巧大全(三)Javascript技术技巧大全(四)Javascript技术技巧大全(五)JavaScript[对象.属性]集锦之一

87,907

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧