들어가기

자바스크립트에서 유용한 문법을 정리한 글이다

Array

const arr = [1,2,3];

// 구분자를 넣어서 배열 -> string 변환 (구분자 미입력시 자동 쉼표)
arr.join(':');  // '1:2:3'

// 배열을 합치기
arr.concat(4,5);  // [1,2,3,4,5]
arr.concat([4,5]);  // 위와 같음

// 배열 뒤집기
arr.reverse();

// 맨 뒤에 넣기/빼기
arr.push(4);
arr.pop();

// 맨 앞에 넣기/빼기
arr.unshift(4)
arr.shift();

// 중간 요소 제거/변경
// parameter : 시작점, 수량, 변경요소 
arr.splice(1,1); // 변경하지 않고 제거

// 요소 반복
arr.forEach((x)=>{}); // null
arr.map((x)=> x+1); // [2,3,4]

// 요소들 합치기
arr.reduce((prev,cur)=> prev+cur); // 6

// 걸러서 새 배열 반환
arr.filter((x)=> x%2===0); // [2]

// 정렬
arr.sort((x,y)=>y-x); // [3,2,1]

// 인덱스 번호 찾기
arr.indexOf(2); // 앞에서 부터 하나 찾아서 인덱스 반환
arr.lastIndexOf(2); // 뒤에서 부터 찾아서 인덱스 반환

// 모두 적합한지 확인
arr.every(x=> x>0); // true

// 하나라도 적합한지 확인
arr.some(x=> x===3); // true

// 배열인지 확인
Array.isArray(arr); // true

String

const str = 'hello';

str.length; // 5

// 해당 자리 문자
str.charAt(1); // 'e'

// 구문자로 문자열을 나누어 새 배열 반환
str.split(''); // ['h','e','l','l'.'o']
"hi,js".split(','); // ['hi','js']

// 문자열 합쳐서 새로 반환
str.concat('!!!'); // 'hello!!!'

// 대문자/소문자 변경해서 새로 반환
str.toUpperCase(); // 'HELLO'
str.toLowerCase(); // 'hello'

// 문자열 부분 반환
str.substr(1,3); // 'ell' - 끝자리 포함
str.substring(1,3); // 'el' - 끝자리 미포함
str.slice(-1,3); // substring에서 마이너스 까지 사용가능

// 문자열 찾아서 변경해서 새로 반환
str.replace('hello','goodbye'); // 'goodbye'

// 인덱스 반환
str.indexOf('l'); // 2
str.lastIndexOf('l'); // 3