javascript/jquery2013. 8. 14. 16:40

보통 자바에서 parseInt 쓰던 습관으로 자바스크립트에서도 

parseInt("10") 

parseInt("10",10) 

이렇게 쓰곤 하는데 만약 공백이 들어간다면 NaN 을 리턴해요. 


-------------- 자바스크립트에서는 형변환 -------------- 

var a = "100" 

var b = 5 

a+b // "1005" 

+a+b // 105 

a-0+b // 105 


+a, a-0 외에도 a*1 이런식으로 바꿔줄수가 있습니다. 

만약 공백인경우에는 0을 리턴하구요. 


parseInt 를 쓸때 진법을 명시안해주면 위와 같은 방법에 비해 속도가 매우 느리다고 합니다. 



 --------------  비트연산 기호를 사용한 형변환 -------------- 


var seven = "07"; 

// 그냥 더하면 문자열 결합된다... 

seven + 1; // "071" 


// bitwise 

~~seven + 1; // 8 

(seven << 0) + 1; // 8 

(seven >> 0) + 1; // 8 


자바스크립트에서 비트연산을 하게 되면 언어 명세상 문자열을 Uint32 형으로 강제변환하기에 가능한 꼼수입니다. 

이 방식은 더구나 속도도 빠른걸로 알고 있네요 :) 

다만 문자열에 숫자가 아닌 문자가 있다면 결과값은 항상 0입니다; parseInt와는 다르게;;; 


객체의 숫자형 변환도 가능한데 valueOf를 오버라이딩 해주시면 됩니다. 

var obj = { 

value: "백", 

valueOf: function(){ return 100; } 

}; 

obj - 1 // 99 



http://stackoverflow.com/questions/10841204/vs-parseint 


Using ~~x is often done because: 

1. It's usually faster than calling a method. 

2. It's faster to type than anything else. 

3. It makes power users feel cool because it's sort of inscrutable and also sort of justifiable. :) 


3번째 이유가 ㅋㅋ

'javascript/jquery' 카테고리의 다른 글

jquery selectbox(중요)  (1) 2013.08.06
jQuery selector  (0) 2013.03.25
Posted by 유기농농부
java/jsp/spring/note2013. 8. 7. 11:31

okjsp siva6님의 자료

[ "==" 과 "equals()" 의 차이점]


     Q&A를 읽다보면, String을 "=="연산자로 비교해서 에러를 발생시키는 경우가 많이

    있었습니다. 그래서, 여기에 대해서 정리를 해보고자 이 글을 작성했습니다. 여기

    쓰여있는 내용은 제 추측과 상상력이 동원되기도 했기 때문에 사실과 차이가 있을

    수도 있습니다. 그런 내용은 바로 알려주세요.


    두개는 어떤 차이가 있을까요?

    간단히 말하면, "=="은 연산자고 "equals()"는 메소드입니다.

    "=="에 대한 정의는 jvm에 있을 것이고,

    "equals()"에 대한 정의는 class에서 되어 있겠죠.


    "=="은 양쪽 항의 값을 비교하는 것입니다.

    "equals()"는 class에서 구현된 것에따라 어떤 처리를 해서 결과를 나타내겠죠..

    (구현에 따라서 다른 결과를 나타낼 수 있습니다.)


    우선, "=="부터 살펴보죠.

    위에서 말했듯이 양항의 값을 비교합니다.

    여기에 대한 설명은 java가 Call by reference 인지 Call by value인지에 대한

    설명이 되어야 하는데 이것은 다음 기회에 설명하겠습니다.(없을지도 모름)


    int i = 10, j = 20;

    의 코드가 실행되었다면,

    i라는 변수는 10이라는 값을 가지게 됩니다.

    물론, j는 20이라는 값을 가지게 됩니다.


    그런데,

    String str0 = "TEST", str1 = "테스트";

    라고 하면,

    str0는 "TEST"라는 객체를 가리키는 참조값을 가지게 됩니다.

    위에서 용어를 다르게 사용했습니다.

    "값을 가진다"와 "참조값을 가진다"

    객체는 직접 접근할 수 없습니다.

    단지, 그 위치를 참조하는 참조값을 가지고 접근하는 것 뿐입니다.


    다시 본론으로가면, "=="은 그 변수가 같은 값을 가지고 있는지만 체크하는 것입니다.

    int i = 10, int j = 20;

    int k = 10;

    String str0 = "TEST", str1 = "테스트";

    String str2 = new String("TEST");

    String str3 = "TEST"

    위의 코드를 수행하면, 메모리에는 다음과 같은 표의 상태가 됩니다.

    --------------------------------------

    |변수명| 변수값      | 실제값        |

    --------------------------------------

    | i    | 10          | (10)          |

    --------------------------------------

    | j    | 20          | (20)          |

    --------------------------------------

    | k    | 10          | (10)          |

    --------------------------------------

    | str0 | 0x3a3...(?) | [String]TEST  |

    --------------------------------------

    | str1 | 0xe1e...(?) | [String]테스트|

    --------------------------------------

    | str2 | 0xe2b...(?) | [String]TEST  |

    --------------------------------------

    | str3 | 0x3a3...(?) | [String]TEST  |

    --------------------------------------

    (변수값의 0x....는 그냥 상상의 숫자입니다. 너무 신경쓰지마세요.)


    그럼, 비교를 해볼까요..

    1.( i == j )  :  false

    2.( i == k )  :  true

    여기까지는 쉽게 이해가 갈 것입니다.

    3.( str0 == str1 ) : false  -> 당연?

    4.( str0 == str2 ) : false

    -> 이게 false인 이유는 "=="은 단지 가지고 있는 값을 비교하기 때문입니다..

    위의 표에서 본다면, 실제값이 아닌 변수값을 비교하게 됩니다.

    5.( str0 == str3 ) : true   -> 이건?

    -> 이건 억지라고요? 4번과 뭐가 다르냐고요?

    새로운 객체는까 변수값이 다를 것이고 결코 같은 값이 들어 오지 않을 것이라고

    생각할 수도 있습니다.

    하지만, java가 좀 똑똑한 놈이라 이런 경우가 발생합니다.

    new를 사용하여 만든 String은 항상 새로운 객체이지만 ""로 만든 문자열은

    공유를 할 수 있습니다...

    str0을 가리키는 "TEST"라는 문자열을 만들때 메모리의 어떤 부분에 String 객체가

    저장되겠죠. 그곳의 위치가 0xe1e...입니다.

    그런데, 새로 "TEST"라는 객체를 만들면, java는 이게 이전에 만든 0xe1e...에 있

    는 [String]TEST와 동일하다고 판단하고, 새로운 변수에는 0xe1e를 할당하게 됩니다.

    (모든 객체가 그런것은 아닙니다...여기에서 또 clone문제가 생기네요?

    이것도 다음기회...)


    이상의 설명에서 "=="이 무엇을 하는 놈인지 아셨는지.........

    알송달송하면, 아래까지 읽고 다시 읽어 보세요.


    위와 같은 현상때문에 사용자들이 아무 생각없이 "=="을 String에 사용하고,

    결과가 일관성이 없다고 말씀들을 하시더군요...

    보통, 사용자가 생각하는 비교는 실재 저장하는 값이지 결코, 그것을 가리키는

    변수가 아니라는 점에서 그렇습니다....

    그래서, java가 이상한 놈이라고 생각들 합니다.

    그럼, 객체의 "==" 비교는 어떤 의미가 있을까요?

    그건 동일한 객체라는 것입니다.

    위의 str0과 str3은 동일한 객체라는 것을 알 수 있습니다.

    반면, 같은 실재값을 가지고 있다고 하더라고 str0과 str2는 서로 다른 객체죠.

    (참고로, 서로 같은 class의 instance인가는 instanceof를 사용하여 check할 수 있습니다.)


    그럼 실제로 같은 값을 포함하고 있느냐는 무엇으로 비교할까요?

    네.."equals()"죠..

    물론, String등에서죠...

    하지만, equals()는 새로 만들 수도 있기 때문에 어떤 기능을 할지는 알 수가 없습니다.

    (만드는 사람 마음.....)


    여기서는 Object와 String 객체의 equals()만을 살펴보겠습니다.

    Object는 아시는 것처럼 모든 class의 부모입니다. 결국, 모든 class는 object를

    상속받고, 결국 생성되는 모든 객체는 equals()메소드를 갖게 됩니다.

    물론, 자식 class에서 equals()를 재정의하면 그 메소드를 따르지만요.


    자, 그럼 대망의 Object의 equals()를 직접보겠습니다.


    public boolean equals(Object obj) {

return (this == obj);

    }


    이것입니다....(sun java 1.3.1 이지만, 다른 버젼도 별차이 없을것 같네요.)

    실망하셨나요?

    위의 글을 잘 읽으셨으면, (this == obj)가 어떤 의미를 가지는지는 판단하실 수

    있을 것입니다.


    그럼, String의 equals()는 어떻게 되어 있을까요?

    소스에서 바로 설명하죠.


    public boolean equals(Object anObject) {

if (this == anObject) { //----> 동일한 객체라면 더 비교할 필요가 없겠죠.

   return true;

}

if (anObject instanceof String) { //---> 입력된 객체가 String인지 체크합니다.

                                 //---> type이 다른데 같은 값을가져도 무의미.

   String anotherString = (String)anObject;

   int n = count;

   if (n == anotherString.count) { //---> 먼저 길이가 같은지 체크하네요.

                                   //---> 길이가 다르면 다른 놈이죠.

char v1[] = value;              //---> String은 내부적으로 char[]로 관리됩니다.

char v2[] = anotherString.value;//---> 부럽습니다. 같은 class라고 private로

                                     선언되어 있어도 직접접근이 되는군요.

int i = offset;

int j = anotherString.offset;

while (n-- != 0) {      //---> 하나하나 비교하는 군요.

   if (v1[i++] != v2[j++]) {

return false;

   }

}

return true;

   }

}

return false;

    }


    String의 equals()는 이렇게 그 객체가 가지고 있는 char[]의 값을 비교하여

    같으면 true, 틀리면 false로 return하게 되어 있습니다.

    만약, 다른 설정은 다르더라도(그럴께 없지만)

    저장된 값이 같으면 true가 됩니다.

    위의 표를 보면, "equals()"로 비교하게 되면 str0, str2, str3이 모두 같은

    value를 가져 true를 return 하게 됩니다.


    사용자가 주로 원하는 비교의 결과는 이것이겠죠.


    결론을 말하면, 기본형은 "=="로 비교하고, 객체는 equals()로 비교해라 입니다.

    결론은 단순한데 너무 길게 설명했네요.


    ---Tip------------------------------------------------------

    String을 비교할 때의 Tip입니다.


    public void showHI(String str0)

    {

        if( str0.equals("TEST") ) System.out.println("Hi!!!");

    }


    이런 코드가 있을 수 있겠죠.

    showHI("TEST")의 결과는 Hi!!!입니다..

    showHI("테스트")의 결과는      입니다..(blank)

    그럼,

    showHI(null)의 결과는 무엇일까요?

    바로 NullPointException입니다...

    왜냐하면, equals()를 가진 str0자체가 null이기 때문에 equals()를 사용할 수

    없기 때문입니다.

    위의 메소드는 아래처럼 변경되어야 합니다.


    public void showHI(String str0)

    {

        if( "TEST".equals(str0) ) System.out.println("Hi!!!");

    }


    이 코드는 null이 들어와도 blank입니다.

    100%확실한 객체인 "TEST"를 사용하는 것이

    99.9999%의 확실성을 가진 str0 객체를 사용하는 것보다 좋습니다.


    일반적으로 String 비교를 사용할 때는

    비교할 문자열의 equals()를 사용하는 습관을 가져 주십시요.

    (물론 선택의 문제입니다.)

    ------------------------------------------------------------


okjsp siva6님의 자료

'java/jsp/spring > note' 카테고리의 다른 글

Spring Framework + Jakarta Commons Validator ?!  (0) 2013.02.28
Posted by 유기농농부
javascript/jquery2013. 8. 6. 13:08

jQuery로 선택된 값 읽기

$("#select_box option:selected").val();
$("select[name=selectbox]").val();

jQuery로 선택된 내용 읽기
$("#selectbox option:selected").text();

선택된 위치
var index = $("#test option").index($("#test option:selected")); 

// 셀렉트 박스 옵션에 추가(기존 옵션 뒤쪽으로 추가)

$("#myselect").append("<option value='1'>Apples</option>");
$("#myselect").append("<option value='2'>After Apples</option>");

// 옵션 시작 부분(맨 앞에) 추가
$("#myselect").prepend("<option value='0'>Before Apples</option>");

// 옵션값을 새롭게 정의
$("#myselect").html("<option value='1'>Some oranges</option><option value='2'>More Oranges</option><option value='3'>Even more oranges</option>");

// 옵션값의 인덱스 번호를 변경
$("#myselect option:eq(1)").replaceWith("<option value='2'>Some apples</option>");
$("#myselect option:eq(2)").replaceWith("<option value='3'>Some bananas</option>");

// 2번 인덱스의 값을 선택된 상태로 변경
$("#myselect option:eq(2)").attr("selected", "selected");

// 텍스트 내용으로 선택된 상태로 변경
$("#myselect").val("Some oranges").attr("selected", "selected");

// 선택된 옵션의 값을 변경
$("#myselect").val("2");

// index번호가 0인것을 제거
$("#myselect option:eq(0)").remove();

// 첫번째 옵션 엘리먼트를 제거
$("#myselect option:first").remove();

// 마지막 옵션 엘리먼트를 제거
$("#myselect option:last").remove();

// 선택된 텍스트 알림으로 보이기
alert($("#myselect option:selected").text());

// 선택된 값 알림으로 보이기
alert($("#myselect option:selected").val());

// 선택된 옵션의 인덱스 번호 보이기
alert($("#myselect option").index($("#myselect option:selected")));

// Alternative way to get the selected item
alert($("#myselect option:selected").prevAll().size());

// 0번 인덱스 다음으로 옵션을 추가
$("#myselect option:eq(0)").after("<option value='4'>Some pears</option>");

// 3번 인덱스 이전에 옵션을 추가
$("#myselect option:eq(3)").before("<option value='5'>Some apricots</option>");

// select 박스의 값이 변경되었을 때 알링으로 값과 텍스트 보이기
$("#myselect").change(function() {
alert($(this).val());
alert($(this).children("option:selected").text());
});


'javascript/jquery' 카테고리의 다른 글

JavaScript 형변환 (OKJSP 펌)  (0) 2013.08.14
jQuery selector  (0) 2013.03.25
Posted by 유기농농부