(JavaScript) for-in,of,Each / slice() / splice() / split()

김정욱·2020년 9월 14일
0

JavaScript

목록 보기
4/10
post-thumbnail

for문의 확장

[ for-in ] : 인덱스 순회

for(var item in arr){
  console.log(arr[item]); // item은 arr의 인덱스를 순회
}

[ for-of ] : 엘리먼트 순회

for(var item of arr){
  console.log(item); // item은 arr의 엘리먼트를 순회
}

[ forEach ] : 엘리먼트 순회

arr.forEach( (item)=> {  // 콜백함수의 매개변수 item을 받아서
    return item;         // arr의 엘리먼트를 하나씩 return
  }
);

아래와 동일

arr.forEach(
    item => return item;
);

slice() & splice() / split()

공통점 : 문자열을 나눈다.
차이점 : slice()는 원본 배열을 변경 X
             splice()는 원본 배열을 변경 O

[ slice() ]

let str = 'SOPT 27기 웹파트';
console.log(str.slice(0,3)); // 인덱스 0~2까지 자른다.
                             // 출력 : SOP

[ splice() ]

let str = 'SOPT 27기 웹파트';
console.log(str.splice(0,4)); // 인덱스 0~3까지 자른다.
                             // 출력 : SOPT

[ split() ] : 'delimeter' 기준으로 잘라서 배열 생성!

let str = 'SOPT 27기 웹파트';
let arr = str.split(' '); // ' '을 기준으로 나눠서 배열을 반환
for (a in arr)
  console.log(arr[a]) // 출력 : SOPT
                      //       27기
                      //       웹파트
profile
Developer & PhotoGrapher

0개의 댓글