프론트엔드-코드/Javascript 93

배열.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);

문자열 포함되어있는지 여부, 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..

Number(), parseInt() 차이

Number()는 문자열 중 숫자랑 문자랑 섞여있으면 아예 NaN임. 근데 parseInt()는 문자열중 숫자랑 문자랑 섞여있어도 문자열을 만나기 전까지 숫자로 변환 후 반환. console.log(parseInt('15a')); console.log(Number('15a')); parseInt()는 15나옴. Number()는 그냥 NaN parseInt()에서 숫자를 추출해서 읽는게 아니라, 문자열 처음부터 순서데로 읽으면서 문자열을 만나기 전 까지만 숫자로 하는 거기 때문에, console.log(parseInt('a15')); 이런건 parseInt()라도 NaN임. parseInt() 저거 15px 이런 거 불러올 때 좋을 듯.