javascript split（“ \\ n \\ r”）在空行上添加逗號

Question

我下面的代碼哪個導入文件。 我用split（“ \\ n \\ r”）代碼對其進行了拆分，但是現在每個空行都有逗號。 如何解決。請參見下面的代碼，然后放出圖片。

<html>
    <head>
        <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
    </head>

<body>


        <textarea id="textareaid" name="textareaid" class = "textdata" value="" rows="10" cols="100" placeholder="Enter Any Text!"></textarea>
        <br>
        <input id="filename"  class="btnsubmit"  type="file" accept="text/plain" onchange="PreviewText();"  />

<script type="text/javascript">

              function PreviewText() {
                var file = document.getElementById("filename").files[0];
                    var reader = new FileReader();
                    reader.onload = function (e) {
                    var array = e.target.result.split("\n\r");
                    alert (array);
                    document.getElementById("textareaid").value = array;
                    };
                    reader.readAsText(file);
        };

</script>

</body>
</html>

Answer 1

您可以過濾所有只有逗號的行，然后在文本區域中顯示它。

檢查以下代碼段。 我已經使用Array.filter來檢查線路有,還是沒有。

 var array = [ "Hello", ",", "Something", ",", "Great" ]; array = array.filter(function(line) { return line.length > 1 && line !== ","; }); console.log(array);

Answer 2

為什么不這樣做， Array.join(" ")將數組轉換為字符串並刪除分隔符，在這種情況下，數組是逗號

看看這個：

          function PreviewText() {
                var file = document.getElementById("filename").files[0];
                var reader = new FileReader();
                reader.onload = function (e) {

                var array = e.target.result.split("\n\r");
                document.getElementById("textareaid").value = array[0]
                document.getElementById("textareaid1").value = array[1]
                document.getElementById("textareaid2").value = array[2]
                };
                reader.readAsText(file);  // 
    };

================================================= ====================

如果要動態執行此操作，可以執行以下操作：

array.forEach(function(article){
  list = document.createElement("ul");
  line = document.createElement("li");
  span = document.createElement("span");

  art = document.createTextNode(article) 

  span.appendChild(art);
  line.appendChild(span);
  list.appendChild(line);

  boxNode.appendChild(list)
})

示例工作（概念驗證） https://jsbin.com/fuyirajoni/edit?html,js,output

希望它能對您有所幫助:)

javascript split（“ \\ n \\ r”）在空行上添加逗號

問題描述

2 個解決方案

解決方案1
0 2017-06-21 05:21:48

解決方案2
0 2017-06-21 05:26:02

javascript split（“ \\ n \\ r”）在空行上添加逗號

問題描述

2 個解決方案

解決方案1 0 2017-06-21 05:21:48

解決方案2 0 2017-06-21 05:26:02

解決方案1
0 2017-06-21 05:21:48

解決方案2
0 2017-06-21 05:26:02