본문 바로가기

분류 전체보기

(36)
배열내장함수 - concat / join 1.concat -인자로 주어진 요소를 기존 배열값에 합쳐서 새로운 배열을 반환하는 함수 (기존의 배열을 건드리지 않음) const fruit = ['사과','바나나','수박'] const bread = ['피자빵','케이크'] const foods = fruit.concat(bread); console.log(foods); //["사과", "바나나", "수박", "피자빵", "케이크"] console.log(fruit); //["사과", "바나나", "수박"] 2. join -배열의 모든 요소를 연결해 하나의 문자로 만듬, 기본값은 ,이며 요소 사이사이 원하는 요소를 넣어 커스텀하고싶다면 ('' )내부에 원하는 글자를 넣어주면 된다 const fruit = ['사과','바나나','수박'] console..
배열 내장함수 - shift / pop / unshift / push 1. shift -배열 안에서 첫번째 원소를 추출하는 함수 ( 기존의 배열을 건드린다) const myHobby = ['넷플릭스','맛집탐방','노래듣기','코딩하기']; const first = myHobby.shift(); console.log(first); //넷플릭스 console.log(myHobby) //맛집탐방, 노래듣기, 코딩하기 2. pop -shift와 비슷하지만, 배열의 첫번째가 아니라 마지막 요소를 빼낸다 const myHobby = ['넷플릭스','맛집탐방','노래듣기','코딩하기']; const first = myHobby.pop(); console.log(first); //코딩하기 console.log(myHobby); //"넷플릭스", "맛집탐방", "노래듣기" 3. unsh..
배열 내장함수 - filter / splice / slice 1. filter -배열 안에서 특정 조건을 확인 한 후, 조건에 맞는 인자로 새로운 배열을 만드는 함수 예제) 아래 JS 배열의 내장함수 키워드를 객체로 포함하는 todos 배열을 확인 한 후 done값이 'clear'인 내장함수키워드를 새로운 배열로 만들어라 정답) const todos = [ { id: 'map', text: '자바스크립트 내장함수', done: 'clear', }, { id: 'indexOf', text: '자바스크립트 내장함수', done: 'clear', }, { id: 'filter', text: '자바스크립트 내장함수', done: 'doing', } ] const index = todos.filter(todo => todo.done === 'clear'); console...
배열 내장함수 - indexOf / findIndex / find 1. indexOf -배열 안에서 특정 문자열의 위치를 반환하는 함수, 여러번 나올 경우 첫번째 위치를 반환한다. 예제) avengers 배열 속에서 '토르'의 순서를 찾아라 (컴퓨터 언어에서 순서는 0부터 시작한다) 정답) const avengers = ['아이언맨', '캡틴아메리카', '토르', '닥터스트레인지', '토르']; const index = avengers.indexOf('토르'); console.log(index); //정답 : 2 2. findIndex - indexOf와 마찬가지로 배열 안에서 특정 문자열의 위치를 반환하지만, 단순한 문자가 아닌 객채 혹은 특정 조건의 맞는 값의 위치를 반환할 때 사용된다 예제) 객체로 이루어진 배열을 작성한 후, done값을 false로 가지고 있는..
배열 내장함수 - forEach / map 자바스크립트를 사용하다보면 자주 사용하게 되는 함수들이 있다. 이중 배열함수에 대해 알아보고자 한다. 앞으로 작성될 몇개의 포스팅에서는 자주 사용하는 배열함수들을 하나씩 정의 해본 다음 마지막 포스팅으로 한번에 요약해 볼 예정이다. 1. forEach - for문과 비슷하게 반복적인 기능을 수행하는 함수 상황) 하나의 배열 객체를 만들고 console창에 내부의 배열값들을 전부 하나씩 호출시키고자 한다. 방법) ① 내가 좋아하는 음식들로 이루어진 foods라는 배열을 선언한 후 for in문을 통해 console창에 각각의 음식들을 출력한다. const foods = ['피자','치킨','파스타','게장','떡볶이']; for (let i in foods){ console.log(foods[i]); } ..
개념잡기용 문제풀기 - for문을 이용해 3보다 큰숫자 반환하기 기초 알고리즘 문제풀이 문제 ) for문을 이용하여 3보다 큰 숫자를 배열로 반환하기 정답) function biggerThanThree(numbers) { let array = []; for(let i=0;i3){ array.push(numbers[i]) } } return array } const numbers = [1, 2, 3, 4, 5, 6, 7]; console.log(biggerThanThree(numbers)); // [4, 5, 6, 7] 풀이) ① console 창을 통해에 호출할 함수 (정답확인용) 와 파라미터로 들어갈 배열을 선언해준다 //함수선언 function biggarThenThree(numbers){ } //파라미터 배열로 선언 const numbers = [1,2,3,4,..
JS에서의 this 키워드 - 1 적어도 일주일에 한번은 꼭 포스팅을 해야지라고 마음을 먹었는데 최근 2주간은 바쁜 일정에 슬럼프까지 겹쳐서 계속 생각만 하고있다가 드디어 작성하는 오랜만의 포스팅.. 다짐을 지키지 못해서 지키지 못해서 부끄럽지만...쨌든 ! 오늘은 this 키워드를 정리해보고자 한다. this란 자기 자신을 호출할 때 사용하는 키워드이다. 이번 포스팅에서는 이 this키워드가 전역에서 호출될 때 / 매서드 내부에서 호출될 때 / 함수 내에서 호출될 때 (일반함수와 화살표함수 구분) 두가지 케이스를 정리 해 볼것이다. 1. 전역에서 this가 호출될 때 let test = this; console.log(test); 위와 같은 상황에서는 console창에 [window]라는 결과값이 찍히게 된다. 이처럼 코드블럭 내부가 ..
자바스크립트-함수와 화살표함수 수학시간에 함수를 배운적이 있을것이다. 함수란 변수의 값에 따라 정해지는 다른 변수의 값을 먼저 주어지는 값에 대응시키는 이항 관계를 뜻한다 자바스크립트(를 포함한 프로그램언어)에서의 함수도 이와 같다. 특정 코드를 하나의 명령어로 실행할 수 있도록 해주는것이다. 예제1) const a =1; const b = 2; const sum = a+b; console.log(sum); //[3]출력 위의 코드대로라면 sum이라는 변수의 값은 3이된다. 하지만 a의 자리에 2나 3이 들어가게 변경하고싶다면 우리는 일일히 코드를 다 수정하거나, 새로운 변수를 써서 다시 작성해야 할것이다 이것을 함수의 형태로 바꿔본다면 이런 수고로움을 덜 수 있다. function add (a,b){ return a+b; //값을 ..