본문 바로가기

반응형

전체 글

(645)
javascript : 브라우저 관련객체 브라우저 객체 모델 BOM 은 웹 브라우저 관련된 객체를 의미한다. window, location, navigator,history,screen,document 객체가있다. 하나하나 객체에대한 기본기능들을 사용해보자! 이처럼 window에는 많은 내용들이 담겨있다.. open( ) 메서드 새로은 브라우저창을 여는 open메서드이다. 팝업이 있으면 진행되지 않기에 다음처럼 예외처리를 해줬다. window 객체의 기본 메서드 메서드 이름 설명 moveBy(x,y) 윈도우의 위치를 상대적으로 이동 moveTo(x,y) 윈도우의 위치를 절대적으로 이동 resizeBy(x,y) 윈도우의 크기를 상대적으로 지정 resizeTo(x,y) 윈도우의 크기를 절대적으로 지정 scrollBy(x,y) 윈도우 스크롤의 위치를..
javascript : stringify, parse var object ={ name : '윤인성', region: '서울특별시' }; console.log(JSON.stringify(object)); var copy = JSON.parse(JSON.stringify(object)); console.log(copy); {"name":"윤인성","region":"서울특별시"} { name: '윤인성', region: '서울특별시' } stringify : 객체를 스트링으로 변환 parse : 스트링을 JSON 객체로 변환 var object={ name: 'object', prop : 'object', toJSON: function(){ return { custom : 'custom' }; } } console.log(JSON.stringify(object..
javascript : every , some every() some() 메서드모두 forEach() 메서드나 filter() 메서드와 같은 매개변수를 넣습니다. 매개변수로 입력한 함수는 filter() 메서드와 마찬가지로 불 자료형 값을 리턴해야합니다. every() 메서드는 배열의 모든 요소가 true를 리턴하면 true를 리턴하고 그 이외의 경우에는 false를 리턴합니다. 반면 some() 메서드는 배열의 요소 중 적어도 하나 이상의 함수에서 true를 리턴할 경우에 true를 리턴합니다. var array = [1,2,4,5,6,7,8,9,10]; function lessThanFive(element, index, array){ return element < 5; } function lessThanTwenty(element,index,arr..
javascript : filter // firter() 메서드 var array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; array = array.filter(function (element, index, array) { console.log(index); return element
javascript : map map 메서드는 배열의 각 요소를 변경해 새로운 배열을 리턴하는 매서드입니다. var array =[1,2,3,4,5,6,7,8,9,10]; var output = array.map(function (element){ return element * element; }); console.log(output); [ 1, 4, 9, 16, 25, 36, 49, 64, 81, 100 ]
javascript: forEach javascript에서는 forEach 구문을 제공한다. 배열 각가의 요소를 사용해 특정 함수를 for in 반복문처럼 실행한다. var array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; var sum = 0; var output = ''; array.forEach(function (element, index, array) { sum += element; output += index + ': ' + element + ' -> ' + sum + '\n'; }); console.log(output) 0: 1 -> 1 1: 2 -> 3 2: 3 -> 6 3: 4 -> 10 4: 5 -> 15 5: 6 -> 21 6: 7 -> 28 7: 8 -> 36 8: 9 -> 45 9: 10 -> 55
javascript : Date 객체 기본적인 생성법 var date = new Date(); console.log(date); 2020-12-16T08:19:08.061Z 여러가지 사용법 // 문자열을 사용한 Date 객체 생성 var date = new Date('December 9, 1991'); var date = new Date('December 9, 1991 02:24:23') // 숫자를 사용한 Date 객체 생성 var date = new Date(1991, 11, 9); var date = new Date(1991, 11, 9, 2, 24, 23); var date = new Date(1991, 11, 9, 24, 23, 1); // Unix time을 계산한 방법 // 1970년 1월 1일 12시 자정을 기준으로 흐른 시간..
javascript : array 객체의 remove사용법 splice 함수는 (a,b,c) 또는 (a,b)의 매개변수를 가진다. a번째 항목에 b개수만큼 제거라는 뜻을 가지고 있고 c는 변경하거나 추가 또는 삭제할 변수를 의미한다. Array.prototype.remove = function (index) {this.splice(index,1);} var array = [52, 273, 103, 32, 274, 129]; for(var i =0; i 100){ array.remove(i); } } console.log(array);​ [ 52, 103, 32, 129 ] 다음과 같은 방법으로는 잘제거가 되지않는다.. 이유는 배열의 요소가 제거되면서 인덱스가 앞으로 당겨지기 때문이다. 이러한 문제를 해..

반응형