Javascript中的字符串连接

Question

有没有办法在javascript中连接字符串和变量值以及换行符？

我的代码：

var variab = "Make:"+ make \n 
        "Model:" + model  \n 
        "Date taken: " + dateTime  \n 
        "File name:" + fileName ;
variab = variab.replace(/\n/g, '<br>');
        document.getElementById('exifid').innerHTML = variab;});

make，model，dateTime和fileName都是返回特定值的变量，我希望它们在div中以列表形式显示。

Answer 1

您几乎明白了：

var variab = "Make:" + make + "\n" +
    "Model:" + model + "\n" +
    "Date taken: " + dateTime + "\n" +
    "File name:" + fileName ;

variab = variab.replace(/\n/g, '<br>');
document.getElementById('exifid').innerHTML = variab;

您也可以将每一行放入Array中，并使用.join("<br>")来节省输入时间。

Answer 2

为什么要使用替换？

var variab = "Make:"+ make + "<br>" +
"Model:" + model  + "<br>" +
"Date taken: " + dateTime  + "<br>" +
"File name:" + fileName ;
document.getElementById('exifid').innerHTML = variab;

Answer 3

为了提高可读性，我会这样做：

var variab = [
    "Make:" + make,
    "Model:" + model, 
    "Date taken: " + dateTime,
    "File name:" + fileName
].join("<br />");

您还可以通过这种方式在字段中自由添加换行符。

除非您的需求变得更加复杂。 在这种情况下，我将使用模板框架。

Answer 4

您可以将每个元素填充到数组中，然后将它们加入。

var array = [
    "Make:"+ make,
    "Model:" + model,
    "Date taken: " + dateTime,
    "File name:" + fileName
];
document.getElementById('exifid').innerHTML = array.join('<br/>');

Answer 5

如果可能的话，使用JavaScript对象将数据抽象为可读形式要好得多。

var variab = {
    "Make": "Audi",
    "Model": "A3",
    "Date Taken": 2006,
    "File Name": "audia3.doc"
}

var string = "";

for (var detail_type in variab){
    var detail_data = variab[detail_type];
    string += detail_type + ": " + detail_data + "<br/>"
}

document.getElementById('exifid').innerHTML = variab;