JavaScript에서 split과 join으로 개행문자 다루기

Introduction

종종 문자열을 개행 문자로 잘라서 장바구니처럼 리스트로 나열 하고 싶을때가 있을것이다. 새 항목을 추가하고 삭제도 하고 싶고, 중복 검사도 하고 싶다면 문자열을 비교해야 할텐데, 여기서 종종 문자열 비교가 제대로 되지 않는 경우가 있(을지도 모른)다.

Problem

<textarea id="box">
나는
천재일지도
모른다는
생각을
해본다.
</textarea>

var textbox = document.getElementById('box');
var array = textbox.value.split('\n');  // ["나는", "천재일지도", "모른다는", "생각을", "해본다."]
var findStr = "나는"; //
for ( var idx = array.length-1 ; idx > -1 ; idx-- ) {
   if ( array[idx] === findStr ) {
        alert("중복!");
        break;
   }
}

만약 위의 경우 처럼 textarea 같은데에다 문자열을 개행문자로 잘라서 넣고, 그 중에 중복된 부분을 검사하고 싶은데 검사 루틴이 제대로 안먹는 경우가 있는가?

"대체 뭐가 꼬인거야? 화면에는 잘 보이잖아!" 라고 생각된다면, String에 대해 아주 사소한 부분을 잊고 있는게 분명하다.

Solution

CR LF 라고 들어보셨는지 모르겠다. 이때 보자마자 직감하고 코드를 수정하고 있다면 당신은 센스쟁이!

C언어때 \n을 찍으면 OS에 따라 \r\n이 나오기도 하고 \n이 나오기도 한다. 왜 그럴까?

Software applications and operating systems usually represent
a newline with one or two control characters:

Systems based on ASCII or a compatible character set use either
LF (Line feed, 0x0A, 10 in decimal) or CR (Carriage return, 0x0D,
13 in decimal) individually, or CR followed by LF (CR+LF, 0x0D 0x0A);
see below for the historical reason for the CR+LF convention.

These characters are based on printer commands:
The line feed indicated that one line of paper should feed out of the printer,
and a carriage return indicated that the printer carriage should return to the
beginning of the current line.

LF:    Multics, Unix and Unix-like systems (GNU/Linux, AIX, Xenix, Mac OS X, FreeBSD, etc.)
       , BeOS, Amiga, RISC OS, and others

CR+LF: DEC RT-11 and most other early non-Unix, non-IBM OSes, CP/M, MP/M, DOS, OS/2, Microsoft Windows, Symbian OS

CR:    Commodore 8-bit machines, Apple II family, Mac OS up to version 9 and OS-9

하여 아래와 같이 고치면 잘 쪼개지고, 잘 붙을것이다. 

// 쪼갤때는 \r, \r\n, \n으로 쪼개고
var array = textbox.value.split(/\r\n|\r|\n/)

// 붙일때는 CRLF 형태로 붙인다.
textbox.value = array.join("\r\n");
Back