javascript

이번포스트는 배열에 유용한 문법과 메서드를 알아보겠습니다. for of 배열 순회하기 Array , Map , Set , String , TypeArray , Arguments 등 을 순회 es6에 새로 생긴 문법이에요.es5에서 배열 순회하려면 for문 으로 돌리거나 foreach문을 썼었죠 하지만 더 간결해졌습니다. let data = ['집가고싶다',100,null,'퇴근소취']; for( let val of data){ console.log(val) } of 뒤에 배열을 담은 변수를 놓고of 앞에 배열의 값을 담을 변수를 만들어줍니다. 콘솔에 배열값이 순회된걸 확인하실 수 있습니다. spread operator 펼침연산자로 배열 복사하기 ... 펼침연산자를 사용해 기존의 배열을 바꾸지않고 새로운 ..

es6에서 새로운 변수가 추가되었는데요. 스코프의 개념을 알고 있어야 변수를 사용하는데 이해가 되실 것 같습니다. 개념을 알고계신다 전제하에 이번포스팅을 하도록 할게요. 👉 let , const 공통점 1. 블록레벨스코프(block-level-scope) if(true){ let name = '카카오 어피치' console.log(name) } if 블록안에 변수 let을 선언해주었습니다 콘솔에 제대로 찍히는 걸 확인할 수 있습니다 블록 밖에서 콘솔을 찍어볼까요 ? if(true){ let name = '카카오 어피치' } console.log(name) 엇 아무것도 나오지않죠.. 이로써 확인 할 수 있는게 변수가 블록안에서만 값이 유효하다 라는걸 알수있습니다 2. 재선언 불가. var 의 경우에는 재선..

call stack ! 자바스크립트 공부하다보면 많이 들어봤으셨을 텐데요, 자바스크립트는 단일호출스택이 있습니다. 호출할 함수를 스택으로 쌓아놓고 위에서 하나씩 순차적으로 처리해나간다는 거죠 하나의 함수가 실행되면 다른 함수는 못쓴다! 이겁니다 함수를 실행시키면 call stack에 함수가 push 되고 그 함수의 실행이 끝나면 함수가 pop되는데요 밑에 코드를 보며 알아볼까요 function one(){ console.log('1') } function two(){ function three(){ console.log('3') } three() console.log('2') } one() two() 위의 코드를 실행시켜보겠습니다. 자 먼저 one 함수를 불러오겠죠? 그럼 스택에 one 함수가 호출이 됩..

배열에서 중복없이 랜덤값을 추출해볼게요.많이 사용되는 코드라서 유용할것 같아 적어봅니다... 먼저 랜덤으로 뽑을 배열을 준비! 저는 allnum 변수에 담겨있는 배열에서 숫자를 추출할거에요. var allnum = [10,20,30,40,50,60,70,80,90,100] 그리고 새로운 배열을 만들어줍니다.랜덤으로 뽑은 숫자를 담기위해서죠. var newnum = []; 저는 allnum에서 숫자 5개를 뽑을거에요 while(allnum.length > 5){ var movenum = allnum.splice(Math.floor(Math.random() * allnum.length),1)[0] newnum.push(movenum) } while문을 사용하여 조건문을 걸어주고movenum 변수에 allnu..

javascript 배열 메소드인 filter 함수를 알아보겠습니다. filter 함수는 특정 조건에서 true 인 결과만 뽑아 새로운 배열로 리턴해 주는 함수입니다. 이 함수에서 매개변수를 사용할수 있는데요 arr.filter(callback(element[, index[, array]])[, thisArg]) - callback 1.element : 호출할 배열의 요소 2.index : 요소 인덱스 3.array : 호출할 배열 -thisArg 콜백에서 this 그럼 예제를 통해 알아볼까요 var fruit = ['사과','메론','수박','바나나']; var fruitBox = fruit.filter(function(el,idx,arr){ return el.length == 2; }) console..

객체를 생성하는 함수를 생성자 함수라고 한다.자바스크립트에서 생성자는 new 연산자와 함께 사용된다.바로 함수옆에 new를 붙여주는 것이다. 자세한건 예제를 통해 알아보자 생성자함수를 만들때에는 함수의 첫문자는 대문자부터 시작해야한다.왜냐하면 일반함수인지 생성자함수인지 구분하기 위해서이다이것은 규칙이라고 하니 규칙을 지키자! function Fruits(name){ this.name = name; this.intro = function(){ console.log(this.name + '는(은) 과일중에 제일 맛있어'); } } 함수에 name이라는 매개변수를 넣어놨다.그렇다면 여기서 this가 가르키는 것은 무엇일까다음 예제를 통해 알아보자 function Fruits(name){ this.name = ..

전역객체는 모든 객체의 최상위에 있는 유일한 객체를 의미한다.그럼 자바스크립트에서 전역객체는 무엇일까바로 widnow 객체이다. window 객체는 웹브라우저의 창을 나타내는 객체로 대부분의 웹브라우저에서 지원하고 있다. 예제를 통해 조금 더 자세히 알아보자 12345 function test(){ alert('hello') } test();cs 일반적으로 함수를 불러와보자결과는 alert 창이 뜬다 123456 function test(){ alert('hello') } window.test();cs 함수 옆에 window를 붙였더니 결과는 위에 코드와 똑같다. 이말은 test함수가 window라는 객체의 메소드가 된것이다. 그럼 전역변수들은? 그렇다 window라는 객체의 프로퍼티 이다. 우리가 만드..