본문 바로가기

프로그래밍 공부/JavaScript

 (55)
JavaScript - 객체와 반복문 / 객체 관련 키워드 객체와 반복문 배열(Array)에 경우는 for 반복문과 for in 반복문으로 요소(element)에 쉽게 접근이 가능하다. 하지만 객체(Object)는 for 반복문의 사용이 불가능하다. 하지만 for in 반복문만 사용이 가능하다. let product={ 'Game Name':'Tom Clancy\'s The Division 2', 'Game Price':'130,000원', 'Game Language':'한국어', 'Support OS':'Win 32/64, MAC', 'Multi-Platform':'Support' }; let AD=''; for(let key in product){ AD+='●'+key+': '+product[key]+'\n'; } alert(AD); for in 반복문에 객..
JavaScript - 속성과 메서드 배열 내부의 값인 요소(element)와 마찬가지로 객체의 내부의 값은 속성(property)이라고 부른다. 배열의 요소에 들어갈 수 있는 자료형은 숫자, 문자열, 불린, 배열 그리고 함수가 있듯이 객체도 내부의 모든 형태의 자료형이 들어갈 수 있다. let testobject={ 숫자:1, 문자열:'자바스크립트', 불린:true, 배열:[1,2,3,4,5], 메서드:function(){} }; console.log(testobject); 이런 객체의 속성중 함수(function) 자료형은 배열과는 다르게 메서드(method)라고 부른다. let person={ name:'홍길동', eat:function(n){ alert(this.name+"이 "+n+"을/를 먹는다."); } }; // 메서드를 호출..
JavaScript - 객체 기본 자료형 설명 Number() 숫자 String() 문자열 Boolean() 불린 Object={} 객체 function(){} 함수 undefined undefined 자바스크립트의 기본 자료형은 숫자, 문자열, 불린, 객체, 함수 그리고 undefined가 있다. array인 배열은 없는데 array의 자료형은 typeof()를 사용하면 알수있다. 위의 이미지와 같이 객체인 object={}와 배열인 array=[]는 같은 Object(객체) 자료형을 가지고 있는 것을 알 수 있다. 또한 배열에는 '인덱스'와 '요소'가 존재한다. 변수 선언으로 배열을 만들고 호출을 하려면 인덱스에 접근을 해야한다. let array=[1, '바나나', [1,2,3], function(){}, true]; console..
JavaScript - 화살표 함수, 전개 연산자, 함수 연습문제 화살표 함수 일반적인 함수 화살표 함수 function power(n){ n*=n; return n; } power(n); var power=(n)=>n*n power(n); 형태는 ( ) => { }이다. 한 줄이라면 중괄호를 생략해도 되고, return 키워드를 사용하지 않아도 값을 리턴하게 된다. 전개 연산자 var sumAll=(...numbers)=>{ var output=0; for(var i=0; i{ var output=0; for(var i=0; i{ var output=0; for(var i=0; i
JavaScript - 자바스크립트의 실행 순서 웹 브라우저에 처리를 부탁하는 함수 다른 프로그래밍 언어에는 쓰레드(Thread)라는 개념이 있는데 쉽게 코드를 읽어 내려가는 것을 뜻한다. 그리고 어떤 프로그래밍 언어들은 이러한 쓰레드를 여러개를 만들 수 있다. 자바스크립트는 쓰레드는 1개가 고정이다. alert('A'); setTimeout(function(){ alert('B'); }, 0); alert('C'); 위의 코드를 실행하면 보통은 위에서 부터 순서대로 alert('A') -> alert('B') -> alert('C') 순서로 차례대로 실행이 될 것 같지만 실제로는 alert('A') -> alert('C') -> alert('B') 순으로 실행이 된다. 이유로는 자바스크립트 함수 중에는 웹 브라우저의 처리를 부탁하는 함수가 존재하는데..
JavaScript - 자바스크립트 내장 함수 타이머 함수 메서드 이름 설명 setTimeout(function(){}, millisecond) 일정 시간 후 함수를 한 번 실행한다. setInterval(function(){}, millisecond) 일정 시간마다 함수를 반복해서 실행한다. clearTimeout(id) 일정 시간 후 함수를 한 번 실행하는 것을 중지한다. clearInterval(id) 일정 시간마다 함수를 반복하는 것을 중단한다. setTimeout()은 특정한 시간 후에 함수를 한 번 실행하고, setInterval()은 특정한 시간마다 함수를 실행한다. alert("시작되었습니다."); setTimeout(function(){ alert("3초가 지났다."); }, 3000); 위의 코드를 실행하면 alert("시작되었습니..
JavaScript - 함수를 리턴하는 함수 / 클로저 callback 함수에서 함수를 매개 변수로 전달할 수 있다는 것을 알게 되었다. 함수를 매개 변수로 전달할 수 있다는 것은 함수를 return하는 함수도 만들 수 있다는 것이다. function returnFunction(){ return function(){ alert("Hello JavaScript!"); } } returnFunction()(); function returnFunction(){ let output=function(){ alert("Hello JavaScript!"); } return output; } returnFunction()(); 왼쪽은 익명 함수를 리턴하는 함수이다. 오른쪽은 왼쪽을 풀어서 적은 것이다. 마지막의 returnFunction()();은 returnfunctio..
JavaScript - 콜백 함수 자바스크립트에서는 함수도 하나의 자료형으로 매개변수로 전달 할 수 있다. 이렇게 매개변수로 전달하는 함수를 콜백 함수라고 한다. callback 함수는 쉽게 설명하면 매개변수로 전달하는 함수라고 할 수 있다. callback 함수는 선언적 함수, 익명 함수 둘다 사용가능하다. // 선언적 함수(10번 호출) function callTenTimes1(callback){ for(let i=0; i

티스토리툴바