//html

我们看一下输出的效果:

嘿嘿嘿, 果然出来了。

对于react里面直接 return 这个dom也是一样会出现这种情况的.

三、KO Bug

我们可以思考一下为什么会出现这个烦人的 , 呢?

利用 map 插入到DOM时 map 最终返回的数组因为拼接 += 调用了 toString 方法. 数组结构 [1, 2, 3] 里面居然是这个逗号 , 转换的时候把它带上了!

我们知道了原因之后就非常方便解决了。我们可以巧妙地利用 join 方法: join() 可以切开一个数组, 指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。

imghtml += arrobj.map(function(item){
    return '<img src="' + item + '" style="width: 200px"/>'
}).join('')
titlehtml += name.map(function(item){
    return '<div>' + item + '</div>'
}).join('')

大功告成!但是要注意记得不要附带参数哦!不然可恶的,就会变成你传入的参数啦!

imghtml += arrobj.map(function(item){
    return '<img src="' + item + '" style="width: 200px"/>'
}).join('***')