개발하는 냥이 (=ↀωↀ=)

- 여러개의 동일한 형태의 데이터를 관리하려면 회원 정보를 관리하려 한다. 조조 33 남 성남 유비 44 여 현덕 장비 22 남 장수 관우 11 남 관소 소스 var m1 = { name : "조조", age : 33, gender : "남", addr : "성남" }; var m2 = { name : "유비", age : 44, gender : "여", addr : "현덕" }; var m3 = { name : "장비", age : 22, gender : "남", addr : "장수" }; var m4 = { name : "관우", age : 11, gender : "남", addr : "관소" }; function createMember(name, age, gender, addr) { // 프로퍼티명..

개발/JavaScript 2018. 12. 4. 10:45

- 객체는 연관성 있는 데이터를 묶어서 관리하고 싶을때 - 데이터와 기능을 묶어서 관리할때.. 소스 "use strict"; var member = { // setter id : "hong", name : "홍길동", setId : function(id) { this.id = id; }, // getter getId : function() { return this.id; } }; console.log(member.id, member.getId()); // 아이디 변경 member.setId("kang"); console.log(member.id, member.getId()); 결과 hong hong kang kang

개발/JavaScript 2018. 12. 4. 10:41

일반적으로 함수내에서의 this는 함수를 호출한 객체이다. 소스 "use strict"; var m1 = { name : "이동욱" }; var m2 = { name : "배수지" }; function msg() { console.log(this.name); // this는 msg를 호출한 객체를 가르킴 } // m1.msg = "aaa"; // m1.msg = msg(); // 함수의 return이 없으니 undefined // var m = msg; m1.msg = msg; // 함수참조를 m1.msg에 줌 m2.msg = msg; // 함수참조를 m2.msg에 줌 m1.msg(); // msg는 함수니까 ()로 호출 m2.msg(); // msg(); // Cannot read property 'n..

개발/JavaScript 2018. 12. 4. 10:38

객체를 변수에 저장하게 되면 변수에는 객체의 주소가 저장됨 소스 "use strict"; /* * var hong = 'aaa'; var member1 = {id:hong} -> hong의 값을 id에 대입 */ var member1 = { id : "hong", email : "hong@a.com" }; var member2 = member1; // member1과 2는 같은 주소를 참조 member2.id = "kang"; console.log("member1 : ", member1); console.log("member2 : ", member2); //객체일 때 내용을 확인 //for ~ in 객체의 키를 반환 for ( var key in member1) { console.log("key : ",..

개발/JavaScript 2018. 12. 4. 10:34

: 객체 생성시 값의 초기화 : 객체의 프로퍼티 삭제 소스 //객체의 키는 "" 옵션. 특수문자가 있는 경우에는 필수. var member = { id : "hong", email : "hong@gildong.com" }; console.log("member1 : ", member); //프로퍼티 동적 추가 member.name = "홍길동"; //기존에 이름이 동일한 프로퍼티가 있다면 값을 변경 member.id = "kang"; console.log("member2 : ", member); //member의 name 프로퍼티 삭제하기 delete member.name; console.log("member3 : ", member); //member 객체 삭제하기 - 안됨. 객체 내에 프로퍼티만 삭제 가..

개발/JavaScript 2018. 12. 3. 18:20

객체는 문자열로 이름을 붙인 값들의 집합이다. 동적으로 값을 저장 (프로퍼티) 값을 추가하는 2가지 형태 - 객체.프로퍼티명 = 값 - 객체["프로퍼티명"] = 값 소스 "use strict"; // 빈 객체 생성하기 var member = {}; var member = new Object(); console.log("member : ", member); // 값 추가하기 member.id = "hong"; member["email"] = "hong@gildong.com"; // 프로퍼티 값 꺼내기 console.log("member : ", member); console.log("member.id : ", member.id); console.log("member.email : ", member["ema..

개발/JavaScript 2018. 12. 3. 18:08

스크립트의 모듈화 - 함수이용 조건을 매개변수로 넘겨주는 경우 소스 var data = [ 3, 9, 27, 81, 43 ]; //30보다 큰 숫자들을 배열에 담는다 var rList = []; for (var i = 0; i 30) { rList.push(data[i]); } } console.log("30보다 큰 값 : ", rList); //10보다 작은 숫자들을 배열에 담는다 for (var i = 0; i < data.length; i++) { if (data[i] < 10) { rList.push(data[i]); } } console.log("10보다 작은 값 : ", rList); //배열에서 조건에 맞는 데이터를 새로운 배열..

개발/JavaScript 2018. 12. 3. 17:11

ES6 (ECMA6) - 파라미터 디폴트 설정하기 파라미터에 디폴트 값을 설정해서 간편하게 파라미터 값이 없는 경우 초기화를 시킨다. 소스 function fn(num1, num2) { /* * if (!num1) num1 = 0; if (!num2) num2 = 0; */ // ||는 앞이 거짓일때 뒤에 실행 (간편조건식) num1 = num1 || 0; num2 = num2 || 0; console.log("num1 : " + num1 + ", num2 : " + num2); } fn(); fn(100); fn(100, 200); //ES6 부터 초기값을 설정 가능(Java 외에 다른 언어들은 지원됨) function fn2(num1 = 0, num2 = 0) { console.log("num1 : ..

개발/JavaScript 2018. 12. 3. 17:05