본문 바로가기

언어/javascript

(55)

javascript : 프로토타입으로 메서드 생성 function Student(name, korean, math, english, science){ this.이름 = name; this.국어 = korean; this.수학 = math; this.영어 = english; this.과학 = science; } Student.prototype.getSum = function(){}; Student.prototype.getAvarage = function(){}; Student.prototype.gettoString = function(){};

javascript : instanceof instanceof는 해당 객체가 어떠한 생성자 함수로 생성됐는지 확인할 때 instanceof 키워드를 사용합니다. student 객체는 Student 생성자 함수의 인스턴스이므로 코드 7-6의 첫 번째 경고창에만 true가 표시됩니다. // 생성자 함수를 선언합니다. function Student(name, korean, math, english, science) { this.이름 = name; this.국어 = korean; this.수학 = math; this.영어 = english; this.과학 = science; } // 인스턴스를 생성합니다 var student = new Student('홍정민',96,98,92,98); // 출력합니다. console.log(student instance..

javascript : 메서드 생성 기본적인 메서드 생성과 함수 설정 function Student(name, korean, math, english, science) { this.이름 = name; this.국어 = korean; this.수학 = math; this.영어 = english; this.과학 = science; this.getSum = function () { return this.국어 + this.수학 + this.영어 + this.과학; }; this.getAverage = function () { return this.getSum() / 4; }; this.toString = function () { return this.이름 + '\t' + this.getSum() + '\t' + this.getAverage(); ..

javascript : 배열 복제 for를 사용한 배열복제 // 배열을 선언합니다. var orignalArray = [1, 2, 3, 4, 5]; // 배열을 복제합니다. var newArray = []; for(var i =0 ;i< originalArray.length;i++){ newArray[i] = orignalArray[i]; } 전개 연산자를 사용한 배열 복제 // 배열을 선언합니다. const originalArray = [1,2,3,4,5]; // 배열을 복제합니다. const newArray = [...originalArray]; 배열 복제 확인 // 배열을 선언합니다. const originalArray = [1,2,3,4,5]; // 배열을 복제합니다. const newArray = [...originalArray..

javascript : 값 복사 , 깊은 복사 값 복사 : 깊은 복사 // 변수를 선언합니다. var originalValue = 10; var newValue = originalValue; // 원본 값을 변경합니다. originalValue = 273; // 출력합니다 console.log(originalValue); console.log(newValue); 273 10 참조 복사 : 얕은 복사 // 변수를 선언합니다. var originalArray = [1,2,3,4]; var newArray = originalArray; // 원본 배열의 값을 변경합니다. originalArray[0] = 273; // 출력합니다. console.log(originalArray); console.log(newArray); [ 273, 2, 3, 4 ] [ ..

javascript : option 객체 function test(options) { // 옵션 객체를 초기화합니다. options.valueA = options.valueA || 10; options.valueB = options.valueB || 20; options.valueC = options.valueC || 30; // 출력합니다. console.log(options.valueA + ':' + options.valueB + ':' + options.valueC); } test({ valueA: 52, valueC: 273 }); 52:20:273 ||

javascript : 동적으로 메서드 추가하기 var student = {}; student.이름 = '홍정민'; student.취미 = '악기'; student.특기 = '프로그래밍'; student.장래희망 = '생명공학자'; student.toString = function () { var output = ''; for (var key in this) { if (key != 'toString'){ output += key + '\t' + this[key] + '\n'; } } return output; }; console.log(student.toString()); 속성을 제거하고 싶으면 다음과 같은 메서드를 사용하자 delete(student.장래희망); console.log(student);

javascript : with 사용법 javascirpt에서는 with라는 문법을 이용해서 객체를 좀더 편리하게 접근할 수 있는 기능을 제공한다. var student ={ 이름 : '홍정민', 국어 : 92, 수학 : 98, 영어 : 96, 과학 : 98 }; var output =''; // with 키워드를 이용하면 객체를 사용하기 쉽다. with(student){ output += "이름" + 이름 +'\n'; output += "수학" + 수학 +'\n'; output += "영어" + 영어 +'\n'; output += "과학" + 과학 +'\n'; } console.log(output); 근데 만약 내부에 변수명이 중복될경우는 어떻게 처리해야 할까.. var student = { 이름: '홍정민', 국어: 92, 수학: 98, ..

이전 1 2 3 4 5 6 7 다음

티스토리툴바