본문 바로가기

Javascript

(16)
[JS/ES6] for in의 단점, for of의 등장 for in 의 단점 먼저 객체의 한 종류인 배열을 순환하는 for문인 for in 을 알아보겠습니다.var data = [1,2,undefined,NaN,null,""]; Array.prototype.getIndex = function(){}; for(let idx in data) {console.log(data[idx]);} 결과 출력문을 예상하면 data에 들어있는 1, 2, undefined, NaN, null, "" 만 출력되어야 할 것 같은데실제로 출력해보면마지막에 함수도 찍히게 됩니다. Array의 프로토타입으로 getIndex이름의 함수를 추가해주었기 때문인데요.for in은 prototype으로 상위에 추가된(상위는 Array객체) 객체들까지도 나타내게 됩니다. 이러한 위험성 때문에 fo..
[JS/ES6] 추가된 String의 메서드들 ES6에서 추가된 String의 메서드들 String.startsWith(matchString) matchString이 String의 앞부터 일치하는지 확인 (true/false) String.endsWith(matchString) matchString이 String의 뒤부터 일치하는지 확인 (true/false) String.includes(matchString) matchString이 String에 포함되어 있는지 확인(true/false) 예시let str = "hello world ~!~!"; str.startsWith("hello"); //truestr.endsWith("~!~!"); //true str.startsWith("h ello"); //falsestr.endsWith("~! ~!");..
[JS] 클로저(closure) 내부 함수function outter() {var title = 'hello world';function inner() { // var inner = function() {...} 와 같음alert(title);}inner();} outter 함수에는 지역 변수 title과 내부 함수 inner가 정의되어 있습니다.내부함수는 외부함수의 지역변수에 접근할 수 있습니다. inner() 내부함수에 title이라는 변수가 없으면 외부함수의 지역변수인 title을 출력합니다. 내부함수를 왜 쓸까?어떤 함수에서만 사용하고싶은 함수를 정의하기 위해 사용합니다. outter()에서만 쓰고싶은 inner() 함수를 정의하고 싶은데 outter 밖에서 선언할 경우 다른 코드에서 inner() 를 사용할 수 있습니다. 응집..
[Javascript/JQuery] radio checked value 값 알아내기 [Javascript/JQuery] radio checked value 값 알아내기 [Javascript] document.querySelector('input[name="radioName"]:checked').value; [JQuery] $("input[name='radioName']:checked").val();
[Javascript] a 태그의 href 기능 없애기 [Javascript] a 태그의 href 기능 없애기 href="javascript:void(0)" onclick="alert('준비중입니다!');" a 태그의 href 속성에 javascript:void(0)을 하면 링크의 기능이 없어지게 되고onclick속성에 javascript 함수명을 사용하면 원하는 기능을 이용할 수 있다.
[JQuery] input readonly, button disabled 속성 추가(삭제)하기 [JQuery] input readonly, button disabled 속성 추가(삭제)하기 $("input 요소").attr('readonly', true); // or false $("button 요소").attr('disabled', true); // or false
[JQuery] button의 값 수정하기 [JQuery] button의 값 수정하기 $("button 요소").text('수정할 내용');
[JS] JSP페이지로 개발 시 자바스크립트 파일 바로 반영되도록 하는 방법 script삽입 코드에서 src 속성 작성 시 맨 끝에 아래 코드를 입력해준다. ?v= 이렇게 자바의 현재 시간을 표시해주는 내부 함수를 뒤에 삽입해주면현재시각은 계속 바뀌기 때문에 v값은 계속 바뀌게 되고브라우저가 js 파일을 저장했다가 보여주는게 아니라 다시 호출하면서 화면에 반영하기 때문에 바뀐 소스를 바로 사용할 수 있다. 참조 http://zzznara2.tistory.com/689