자바스크립트 배열에서 빈 요소 제거

Javascript array null 값 제거 

자바스크립트를 사용하다 보면 동일한 input value name 값에서 배열을 이용하여 값을 가져오기 할 경우가 많습니다. 이럴때 심심찮게 빈 값도 같이 가져오는 경우가 있는데요. 효율적인 코딩을 위하여 배열에서 빈 요소를 제거하고 싶을 경우에 쓰는 코드입니다.

var user_nm = new Array();  //배열값 [1, 2, 3, ,,,, 0, 4, 4, 5, 6]
user_nm = $.grep(user_nm,function(n){ return n == " " || n; }); // 배열 빈요소 제거
alert(user_nm); // 결과값  [1, 2, 3, 3, 0, 4, 4, 5, 6]

다음과 같이 alert 창으로 띄워서 확인하시면 빈 값이나 null 값을 제거하고 값이 들어있는 것만 배열로 가지게 됩니다. 때때로 쓰면 효율적이기에 글로 남깁니다. 이외에도 다른방식으로 빈 요소들을 제거 할수 있습니다.

//or - (only for arrays items which are numbers is numbers' strings)**
arr = arr.filter(Number) // [1, 3, 3, 4, 4, 5, 6]

// ES6 style (Firefox FTW)
arr.filter(n => true) // [1, 2, 3, 3, null, 0, undefined, 4, 4, 5, 6]

// or if "null" values are to be removed:
arr.filter(n => n)