WEB 267

[Java Script] 배열 내장함수 / reduce : 배열안에 알파벳이 몇개씩 들어있는지 확인하기

const alphabets = ['a','a','a','b','b','c','d','d','e'] const counts = alphabets.reduce((acc, current)=> { if(acc[current]){ // acc안에 current가 있냐 acc[current] += 1; } else { acc[current] = 1; } return acc; }, {}) console.log(counts); 기본값 비어있는 객체가 acc 이고 current 는 배열의 첫번째 값이다 if문을 통해 비어있는 객체인 acc에 'a'가 있는지 확인한다. 비어있으니까 없다. 그러면 else문을 통해 acc[a]를 1로 만든다 두번째 루프를 돌면 acc가 acc에 a에 1이 들어가있는 상태이고 current..

WEB/Java Script 2021.04.23

[Java Script] 배열 내장 함수/ reduce 함수로 sum, avg구하기 / 합계 평균 구하기

const numbers = [1,2,3,4,5]; let sum = 0; numbers.forEach(n=> { sum += n; }) console.log(sum); 같은 뜻을 가진 코드이다. reduce함수 const numbers = [1,2,3,4,5]; const sum = numbers.reduce((accumulator, current)=> accumulator + current, 0); console.log(sum); 어떻게 돌아가냐면 초기값 0 이 있다. 그게 accumulator가 된다. 그리고 numbers배열에 첫번째 값이 current가 되고 그 두개가 더 하기가 된다 그리고 초기값이 1이 되고 accumulator가 1 , current가 2가 된다(배열의 두번째 값) 그리고 ..

WEB/Java Script 2021.04.23

[Java Script] 배열 내장함수/ concat : 배열 합치기/join: 배열의 원소들을 문자열로 만들기

concat 배열 합치기 기존의 배열을 건드리지 않음 const arr1 = [1,2,3]; const arr2 = [4,5,6]; const concated = arr1.concat(arr2); console.log(concated); join 배열의 원소들을 문자열로 만들기 const array = [1,2,3,4,5]; console.log(array.join()); // 배열을 하나의 문자열로 만든다 console.log(array.join(' ')); // 파라미터를 가지고 배열 원소들을 구분해서 문자열로 만든다 console.log(array.join('야'));

WEB/Java Script 2021.04.23

[Java Script] 배열 내장함수/ shift : 맨 앞의 원소 없애기/ unshift :맨앞에 값 추가하기/ pop:맨 뒤의 원소 없애기 / push : 맨 뒤에 원소 추가하기

const numbers= [10,20,30,40]; // 앞에꺼부터 빠진다 const value = numbers.shift(); console.log(value); console.log(numbers); shift 맨 앞에 있는 원소 하나씩 꺼내는 것 const numbers= [10,20,30,40]; const value = numbers.pop(); console.log(value); console.log(numbers); pop 원소를 뒤에서 부터 하나씩 꺼내는 것 unshift 앞에서 부터 넣는 것 const numbers= [10,20,30,40]; numbers.unshift(5); console.log(numbers); push 뒤에서부터 넣는 것 const numbers= [10,20..

WEB/Java Script 2021.04.23

[Java Script] 배열 내장함수 / splice : 기존의 배열에서 항목 지우기/ slice : 기존의 배열을 건드리지 않고 잘라내기

splice 기존의 배열에서 항목을 지우는 것 splice(index, 2); 이렇게 사용하는데 배열의 몇번쨰 index부터 몇개를 지우겠다는 뜻이다. 기존의 항목에 영향을 준다. 그리고 그 지워진 값은 배열로 반환된다. const numbers= [10,20,30,40]; const index = numbers.indexOf(30); console.log(index); // index 가 2임 const spliced = numbers.splice(index,1); // 인덱스가 2인 것부터 1개를 지우겠다. console.log(numbers); // spliced는 잘라진 것만 모아놓은 배열 console.log(spliced); slice 기존의 배열을 건드리지 않고 새로운 배열을 만든다 몇번쨰 ..

WEB/Java Script 2021.04.23

[Java Script] 배열 내장함수/ find특정 조건을 만족하는 요소의 배열 index의 값 전체를 출력/ filter : 특정 조건을 만족하는 것으로 새로운 배열을 만든다

2021.04.23 - [WEB/Java Script] - [Java Script] 배열 내장함수 /forEach : 배열 안의 값 하나씩 출력하기/ map:배열을 활용하여 새로운 배열 만들기/ indexOf: 몇번째 index인지 알려줌/ findIndex: 특정 조건의 index를 알려줌 [Java Script] 배열 내장함수 /forEach : 배열 안의 값 하나씩 출력하기/ map:배열을 활용하여 새로운 배 const superheroes = [ '아이언맨', '캡틴 아메리카','토르','닥터스트레인지' ]; function print(hero){ console.log(hero); } superheroes.forEach(print); superheroes.forEach((hero)=>{ conso..

WEB/Java Script 2021.04.23

[Java Script] 배열 내장함수 /forEach : 배열 안의 값 하나씩 출력하기/ map:배열을 활용하여 새로운 배열 만들기/ indexOf: 몇번째 index인지 알려줌/ findIndex: 특정 조건의 index를 알려줌

const superheroes = [ '아이언맨', '캡틴 아메리카','토르','닥터스트레인지' ]; function print(hero){ console.log(hero); } superheroes.forEach(print); superheroes.forEach((hero)=>{ console.log(hero); }) forEach함수 배열 안의 값을 하나씩 다 출력하기 map 배열에 있는 내용을 전체적으로 변화를 주고 싶을 때 const array = [1,2,3,4,5,6,7,8]; const square = n => n*n; const squared = array.map(square); console.log(squared); array배열의 안의 값들을 전부 제곱해서 새로운 배열로 만들어라 co..

WEB/Java Script 2021.04.23

[Java Script] for - of / for - in / 객체의 키와 값을 받아오는 방법/ 배열 형태로 출력하는 방법

const names = ['멍멍이', '야옹이', '멍뭉이']; for(let i = 0; i < names.length; i++){ console.log(names[i]); } for(let number of numbers){ // number은 배열 numbers안의 값을 의미한다 console.log(number); } for - of // 객체의 값을 받아 올 수 있는 방법 const doggy ={ name: '멍멍이', sound: '멍멍', age: 2 }; console.log(Object.keys(doggy)); console.log(Object.values(doggy)); 객체의 키를 받아오는 방법/ 객체의 값을 받아오는 방법 console.log(Object.entries(doggy..

WEB/Java Script 2021.04.23

[Java Script] 배열 / 배열의 길이 / 배열안의 값 호출/ 배열에 삽입

const array =[1,2,3,4,5]; console.log(array); const array2 = [1, 'blabla',{}, 4]; console.log(array2[0]); console.log(array2[1]); console.log(array2[2]); console.log(array2[3]); const object = [ {name: '멍멍이'}, {name: '야옹이'} ]; console.log(object[0]); console.log(object[0].name); [] 이 괄호 사이에 있는 것을 배열이라고 한다. 여러 자료형들을 한 배열에 넣을 수 있다. index는 0 부터 시작을 한다. 객체 배열도 만들 수 있다. 객체에서 값을 호출하려면, 배열[인덱스].키 이렇게 호..

WEB/Java Script 2021.04.23

[Java Script] getter함수 , setter함수

getter setter const numbers ={ a:1, b:2 }; numbers.a = 5; console.log(numbers); 객체에 값을 대입하면 값이 변한다. 당연히 const numbers ={ a:1, b:2, get sum(){ console.log('sum 함수가 실행됩니다!'); // getter에서는 특정 값이 무조건 반환되어야한다. return this.a + this.b; } }; console.log(numbers.sum); // 조회만 했을 뿐인데 실행이 된다. numbers.b = 5; console.log(numbers.sum); 이제는 getter함수를 보자 객체 안에 getter함수를 정의해주었다. getter에서는 무조건 return이 있어야한다. const..

WEB/Java Script 2021.04.22