본문 바로가기

개발기록/자바스크립트 & jQuery 19

map, filter, reduce / 배열 순회 [자바스크립트 도장깨기] 목차 map 배열 각 요소에 대해 주어진 함수를 수행한 결과를 모아 새로운 배열로 반환한다. 형식 array.map(callbackFunction(currenValue, index, array), thisArg) // currentValue : 현재 값 // index : 현재 값의 인덱스 // array : map()을 호출한 원본 배열 예시 const num = [1, 2, 3, 4, 5]; //화살표 함수 사용 const numMap = num.map(val => val += 2); console.log(numMap); // [3, 4, 5, 6, 7] filter 배열 각 요소에 주어진 함수의 결과값이 true인 것만 모아 새로운 배열로 반환한다. map()과 달리 fillter는 boolean .. 2022. 5. 10.
for, for of, for in, forEach / 자바스크립트 반복문 [자바스크립트 도장깨기] 목차 배열을 순회하면서 처리하고자 할때 사용하는 함수이다. for 문 일반족인 for문이다. 중간에 loop를 건너뛰거나 종료가 가능하다 ( continue, break ) conitnue와 break 차이🔽 2022.05.01 - [개발기록/자바스크립트 & jQuery] - continue와 break 사용하는 법 [자바스크립트 도장깨기] //형식 for(let i=0; i { x.. 2022. 5. 10.
Javascript 문자열 바꾸기① - replace(), replaceAll() [자바스크립트 도장깨기] 목차 replace() 대상 문자열을 원하는 문자값으로 변환한다. 형식 - 첫 번째 매개변수 : 변경 대상 문자 - 두 번쨰 매개변수 : 변경할 문자 가나다라의 가를 나로 변경한다. let test ='가나다라'; let result = test.replace('가', '나'); // 나나다라 위 처럼 replace()를 사용하면 문자를 변경할 수 있다. 그런데 만약 test 문자열이 "가나다라가나다라"이면 어떻게 처리될까? test.replace('가', '나'); 일시 "나나다라가나다라"로 첫글자의 가만 변경된다. 만약 모든 '가'를 '나'로 변경하려면 replaceAll()를 사용할 수 있다. replaceAll() 대상 문자열을 원하는 문자값으로 변환한다. let test ='가나다라가나다라'; .. 2022. 5. 6.
Javascript 문자열 자르기② - substr(), substring(), slice() 비교 [자바스크립트 도장깨기] 목차 substr() 문자열을 특정 위치에서 원하는 길이만큼 잘라서 문자열로 리턴한다. (띄어쓰기도 포함) 형식 start : 시작위치, length : 추출글자 갯수 const str = "applebananaorange"; str.substr(시작위치, 길이); 순차적으로 자르기 const str = "applebananaorange"; let a = str.substr(5); // apple let b = str.substr(0, 5); // apple let c = str.substr(0, 11); // applebanana 특정 위치의 문자 자르기 [순차적으로 자르기]처럼 시작위치에서 길이를 지정해서 문자를 자르는 방법도 있다 하지만, 시작위치에 -(음수)로 지정하여 자를 수 있는 방법도 있다... 2022. 5. 5.

티스토리툴바