프론트엔드-코드 237

reduce() 누진 계산

const arr = [1,2,3,4,5,6]; let result = arr.reduce((total, element) => element + total, 10); console.log(result); total 이 현재값, element가 배열의 요소, 세번째 인자는 초기값(total의 초기값) 그냥 for문으로 total = 10; total += arr[i] return total 한거랑 같긴 함.. const scores = [10, 100, 3, 4, 50, 7]; let arr = scores.reduce((total, score)=>{ if(score % 5 ===0 ){ total.push(score); } return total; },[]); console.log(arr); 초기값을 [..

배열.map()

배열의 각 요소를 연산하여, 그 결과값들을 다시 배열로 반환. let nums = [4,9,16,25,36]; let result = nums.map(Math.sqrt); console.log(result); 제곱근들이 반환 배열.map(함수) 각 요소를 저 함수에 인자로 넣어줌. let result2 = nums.map(num => { return num * 2; }) console.log(result2); let students = [ {id:1,name:"kim"}, {id:2,name:"tim"}, {id:3,name:"john"}, {id:4,name:"holl"}, ] let names = students.map(student => student.name); console.log(names);

그리드 레이아웃

표 같은 형태를 개념으로 공간을 차지. #wrap{display: grid; grid-template-columns: 30% 70%; grid-template-rows: 50px 150px 50px;} 위에 grid-template-columns: 30% 70%; grid-template-rows: 50px 150px 50px; 이렇게 열과 행을 지정 가능. 행 3칸, 열2칸이 #wrap 안의 자식들이 각각 나눠 가지는 거임. 총 6칸인데, 만약 자식들이 6개 초과 시 똑같은 비율로 추가로 생성됨. 총 6칸에, 자식이 4개 있는 상황. 마지막 row는 아예 공간을 나눌 자식이 하나도 없어서 columns 비율을 나누지 않은 듯 자식을 하나 더 추가 한 상황. grid-template-columns: 30..

문자열 포함되어있는지 여부, includes()

function hasColaIncludes(str){ if(str.includes('콜라')){ console.log('금칙어가 있습니다.'); }else{ console.log('금칙어가 없습니다.') } } hasColaIncludes('콜라는 맛있다.'); hasColaIncludes('사이다는 맛있다.'); console.log('hi name'.includes('hi')); 문자열.includes('문자열'); function hasColaIncludes(str){ if(str.indexOf('콜라') !== -1){ console.log('금칙어가 있습니다.'); }else{ console.log('금칙어가 없습니다.') } } hasColaIncludes('콜라는 맛있다.'); hasCol..

문자열 메소드

let str = 'abcde'; console.log(str.slice(2,4)); 참고로 2부터 4미만까지임. console.log(str.slice(2)); 인자 하나만 넣어주면 거기서부터 끝까지 반환. let str = 'abcde'; console.log(str.slice(-3)); 뒤에서 n번째부터 반환됨. 즉, cde console.log(str.substring(2,4)); slice()와 같음.. 차이점은 음수는 0으로 생각함. let str = ' abcde '; console.log(str.trim()); 앞뒤 공백 제거 let str = 'abcde'; console.log(str.repeat(3)); 문자열 n번 반복 문자의 아스키코드값 가져오기 console.log('a'.cod..