본문 바로가기

JAVASCRIPT

(80)
자바스크립트 객체 지향 프로그램 let grades = { 'list':{'egoing':10, 'k9905':8, 'sorialgo':80}, 'show':function(){ alert('this.list') } }; grades['show']()​ let grades = { 'list':{'egoing':10, 'k9905':8, 'sorialgo':80} }; console.log(grades['list']) { egoing: 10, k9905: 8, sorialgo: 80 } 이렇게 나옵니다. let grades = { 'list':{'egoing':10, 'k9905':8, 'sorialgo':80} }; console.log(grades['list']['egoing']); 10이 나옵니다. 객체 안에 함수를 실행할 때 예를..
객체 반복문과 조우 let grades = {'eging':10,'k8805':6,'sorialgi':80}; for(key in grades) { console.log(grades[key]); } 객체에 value 값을 알아보는 방법입니다. for in 문에 대한 설명은 grades 객체가 한개씩 실행되면서 그 안에 key 값들이 for문안에 있는 key에 담아서 실행됩니다. 그안에는 value값들도 console.log로 알수있습니다. let grades = {'egoing': 10, 'k8805': 6, 'sorialgi': 80} for ( key in grades ) { document.write('key:'+'key+' value : '+grades[name]+' '); } document.write(출력값)은 ..
객체 객체는 데이터와 함수의 집합입니다. 특징 데이터가 추가될때마다 인덱스가 자동으로 추가되어 데이터에 대한 식별자가 됩니다. 인덱스를 문자로 사용하고 싶으면 객체를 사용해야한다. 중가로로 시작된다. {} let grades = {'ppoote':10,'k8805':'06,'sorialgi':80} 10, 06, 80 인덱스에 해당하는 부분인데 데이테타입이 문자도 가능합니다. 다른 방법으로도 객체를 만들수 있습니다. let grades = new object(); 같은 뜻입니다. 값을 가져오는 방법은 grades['ppoote'] 입력하면 value 값은 10입니다. 여기서 ppoote는 key 값입니다. 또 다른 방법으로는 grades.ppoote 하면 10으로 나옵니다. 매우 간결합니다. 이두가지는 상황에..
배열의 제어 배열에 끝에 원소를 추가하는 방법이다. 바로 push 함수입니다. let li = ['a' ,'b','c','d','e'} li.push("f") alert(li); 여러개의 배열을 추가하는 concat함수 입니다. let li = ['a','b','c','d','e'] li=li.concat('f','g') 배열의 시작점에 추가하는 함수입니다. unshift 인자로 전달한 값을 배열의 첫번째 원소로 추가되고 기존의 인덱스(index)값이 1씩증가합니다. let li=[a, 'b', 'c', 'd', 'e']; li.unshift('z'); alert(li); 두번째 인덱스 뒤에 대문자 B를 넣고 싶다면 splice 첫번째 인자에 해당하는 두번째 인자 인자의 숫자 값을 배열로 제가한후에 리턴합니다. 그리..
배열 배열이란 데이터를 모아서 관리하기 위한 테이터 타입입니다. let ppoote = [ 'park','kim','cho'] let ppoote = [ 'park','kim','cho'] 배열에 담겨있는 값을 가져올때는 ppoote[0] = 'park' ppoote[0] = 'park' 나옵니다. [0] 번째 값이라고 하는 이것을 index라고 합니다. 배열의 또다른 사용 function get_members() { return [ 'park','kim','cho'] } let members = get_members(); function get_members() { return [ 'park','kim','cho'] } let members = get_members(); 배열의 사용 배열은 반복문과 결합했을..
함수 함수(function)란 하나의 로직을 재실행 할 수 있도록 하는 것으로 코드의 재사용성을 높여준다. function get_member(){ return 'egoing'; return 'k8805'; return 'sorialgi'; } alert(get_member()); return 함수는 값을 결과로 반환하고 바로 함수를 종료시킨다. ex) function get_member(){ return 'egoing'; return 'k8805'; return 'sorialgi'; } alert(get_member()); return 'egoing'을 실행한 후에 함수가 종료되었기 때문에 그이후에 값들은 실행되지 않습니다. ex) function get_arguments(arg1, arg2){ return..
codecademy class 예제 class Dog { constructor(name) { this._name = name; this._behavior = 0; } get name() { return this._name; } get behavior() { return this._behavior; } incrementBehavior() { this._behavior ++; } } const halley = new Dog('Halley'); console.log(halley.name); console.log(halley.behavior); halley.incrementBehavior(); console.log(halley.name); console.log(halley.behavior);
code academy object 예제4 const robot = { model: 'SAL-1000', mobile: true, sentient: false, armor: 'Steel-plated', energyLevel: 75 }; // What is missing in the following method call? const robotKeys = Object.keys(robot); console.log(robotKeys); // Declare robotEntries below this line: const robotEntries = Object.entries(robot) console.log(robotEntries); // Declare newRobot below this line: const newRobot = Object.assign(..