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;