es6문법에서 특정문자열이 시작하는지 또는 끝나는지 확인 할 수 있는 메서드가 생겼습니다. startsWith() - 특정문자로 시작하는지 확인하여 결과를 true 또는 false 로 변환 endsWith() - 특정문자로 시작하는지 확인하여 결과를 true 또는 false 로 변환 그럼 간단하게 예제를 통해 공부해보아요startsWith()를 사용하여 사과로 시작하는 배열 값만 콘솔에 찍어볼게요! let arr = ['사과나무','사과맛 과자','홈런볼','사과주스']; for(let text of arr){ if(text.startsWith('사과')){ console.log(text) } } 콘솔에 홈런볼을 제외한 값만 찍혔음을 알 수 있습니다 .
javascript
안녕하세요.객체에서 this를 알아보려고 해요아주 중요합니다 this..!! object this 일반 객체에서 this 는 자신이 속한 객체를 가르킵니다.주소 객체의 메소드에서 this를 사용하는데요객체에서 왜 this를 사용해야 하는건지예제를 통해 알아봅시다! var ezam = { avg:function(math,science){ return math + science } } console.log(ezam.avg(50,100)) exam이란 객체에 avg란 메소드를 만들어주었어요.메소드에 math,science 매개변수를 넣고콘솔에 메소드를 호출해줍니다 그럼 콘솔에 150이 찍히겠죠?이럴경우엔 계속 메소드에 인자값을 넣어 호출해줘야 하는 불편함이 있죠. 그럼 math,science 매개변수를 객체의..
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라는 객체의 프로퍼티 이다. 우리가 만드..
