[Javascript] 즐겨 쓰는 code snippet

[Javascript] table data -> JSON

함수

function tableToJson(table) { // 변환 함수
    var data = [];

    var headers = [];
    for(var i=0; i<table.rows[0].cells.length; i++) {
        headers[i] = table.rows[0].cells[i].innerHTML.toLowerCase().replace(/ /gi,'');
    }

    for(var i=1; i<table.rows.length; i++) {
        var tableRow = table.rows[i];
        var rowData = {};

        for(var j=0; j<tableRow.cells.length; j++) {
            rowData[headers[j]] = tableRow.cells[j].innerHTML;
        }
        data.push(rowData);
    }

    return data;
}

적용

var jsonObj = tableToJson(document.getElementById("data")); // dom element를 매개로 함수 실행
alert(JSON.stringify(jsonObj)); // JSON 객체가 리턴

출처: https://nine01223.tistory.com/265 [스프링연구소(spring-lab)]

[Jquery] Selectbox Option 값

$("#id").val("1").prop("selected", true); //값이 1인 option 선택

$("#id option:eq(0)").prop("selected", true); //첫번째 option 선택

출처: https://yjcorp.tistory.com/11 [yj factory]

[Jquery] radio 값 가져오기

HTML
<input type="radio" id="confirm" name="radioValue" value="Y" checked="checked"/>
<input type="radio" id="unknown" name="radioValue" value="N"/>

체크된 radio의 value 가져오기
var radioVal = $(':radio[name="radioValue"]:checked').val();

radio 버튼 체크하기
// name이 radioValue고, value가 Y인 라디오 버튼 체크
$('input:radio[name=radioValue]:input[value="Y"]').attr("checked", true);

// id가 confirm인 radio 체크
$('#confirm').attr("checked", true);

출처: https://sbs20011.tistory.com/entry/JQuery-radio-값-설정-가져오기 [STRA]

[Javascript] 값 공백 체크하기

var value2 = ""
if( !value2 ){
  console.log("비어 있음");
}else{
  console.log("값이 있음");
}
이런식으로 not 연산을 해줍니다.

자바스크립트 자료형에서 false로 반환되는 값은
"", null, undefined, 0, NaN 이 있고
나머지는 모두 true

javascript는 null 등 빈값에 관대하다. 그렇기 때문에 not 연산을 통해 "", null, undefined, 0, NaN을 true로 통일시켜야 한다.

출처: https://sanghaklee.tistory.com/3 [이상학의 개발블로그]

[Jquery] Class가 있는지 확인

$('selector').hasClass()

+추가 . isXXX 가 있다면 getXXX도 있고 setXXX 도 있겠지? ~ 라고 생각했지만 그 비슷한게 있다.

추가 / 삭제 
.addClass('추가하고 싶은 class')
.removeClass('지우고 싶은 class')

추가 <-> 삭제
.toggleClass()

class를 이걸로 대체
$(this).attr('class','class_name');

출처: https://webzz.tistory.com/114

 

 

(인터)넷은 광대해....

집단지성에 압도적 감사를.....

 

 

so so 하다.