function example(){ $("#myButton").on('click', function() { // 클릭 이벤트가 발생했을 때 실행될 로직 작성 console.log("버튼이 클릭되었습니다."); }); } 만약 위에 example 메소드가 3번 실행 됐다면 나중에 myButton을 눌렀을때 "버튼이 클릭되었습니다" 가 3번 출력된다. 이렇게 되는 현상을 막기 위해서 off 로 이전에 추가된 이벤트를 초기화 시켜주고 on을 해주면 된다. function example(){ $("#myButton").off('click').on('click', function() { // 클릭 이벤트가 발생했을 때 실행될 로직 작성 console.log("버튼이 클릭되었습니다."); }); }

배열은 변수를 여러 공간에 분할하여 저장하고 분할한 공간을 index를 부여해 데이터를 저장 또는 호출하는 개념이다. 객체 생성 방법 1) var arr = new Array("wow1", "wow2", "wow3"); 위와 같이 선언과 동시에 초기값을 넣을 수도 있다. 2) var arr = [ "wow1", "wow2", "wow3" ]; 위와 같이 new와 생성자 없이 선언과 동시에 초기값을 넣을 수도 있다. 2) var arr = new Array(); arr[0] = "wow1"; arr[1] = "wow2"; arr[2] = "wow3"; 위와 같이 선언하고 값을 넣어줄 수 있다. Array 객체 속성(length) Array 객체는 length라는 속성이 있다. 이 속성을 통해 배열의 길이를..

String 객체를 만드는 방법이 두가지 있다. 1) var strObject = new String("javascript String Object"); 2) var strObject = "javascript String Object"; 1번은 new 연산자와 생성자로 String 객체를 만들었다. 2번도 String 객체인데 new연산자와 생성자가 없어도 변수를 선언하면 자동으로 String 객체가 된다. 이러한 String 객체에는 length 속성이 있다. String 객체 속성 - length 문자열의 길이를 알려준다. ex) var str ="일이삼사오"; console.log( str.length ); //5 String 객체 메서드 - charAt(n) 문자열에서 n번째 문자를 반환해준다. ..

랩퍼 객체 1) var number = new Number(); 2) var number2 = 12; 위에 1번을 보면 new 연산자와 Number() 생성자함수로 number 인스턴스를 만들었다. 근데 그렇게 하지 않아도 2번처럼 숫자를 그냥 변수에 숫자를 넣어줘도 자동적으로 Number 객체로 만들어 준다. Number 객체 뿐만 아니라 String, Boolean과 같은 기본 데이터형들은 new 연산자와 생성자함수를 사용하지 않아도 자동으로 객체로 인식한다. 이런 객체를 '랩퍼객체'라고 부른다. Number 객체 프로퍼티 - MAX_VALUE : 자바스크립트에서 사용할 수 있는 최대값 속성 - MN_VALUE : 자바스크립트에서 사용할 수 있는 최소값 속성 - NaN : Not a Number로 숫..

객체를 반복문을 이용해 사용할 때 for in 문을 이용하면 좀더 쉽게 사용할 수 있다. 객체는 { 키 : 값, 키 : 값 , .....}의 형태로 되어있다. 여기 객체에서 모든 키값을 순회하면서 값을 하나하나씩 확인할 수 있다. for(var 변수 in 객체명){ 실행문; } var expampleObj = { wow1 : "amazing", wow2 : "excellent", wow3 : "good" } //객체 순회 for( var hi : expampleObj ){ console.log("키 :" + hi); console.log("값 :" + expampleObj[hi]); }

객체 정의하기 - new 연산자를 통한 객체의 정의 ex) var 객체 = new Object(); 객체.숫자 = 1; 객체.메서드 = function(){ alert("wow");} - 객체 리터럴을 통한 객체의 정의 객체 리터럴은 객체의 속성을 '{속성: 속성값}'의 형태로 표현하는 방법을 말한다. ex) var 객체 = { 숫자 : 1 , 메서드 : function(){ alert("wow") } //james 객체 var james = new Object(); james.age = 29; james.sex = "male"; james.work = function(){ console.log("코딩을 합니다.");} //sarah 객체 var sarah = { age : 25, sex : "femal..