JavaScript 2주차

For문🍍

(for), (for in), (for of), (forEach) 를 배워보자

반복문의 필요이유와 사용방법

1. 코드가 길어짐을 방지
2. 중복된 코드의 오류
3. 중복은 중복을 강요
   

function getAllLetters(str) {

  let strArray = [];

  for(let i=0; i<str.length;i++) {

    strArray[i] = str.substr(i,1)

  }

  return strArray;

}

console.log(getAllLetters(flower));
//['f','l','o','w','e','r']

for문 기초 - 문자를 쪼개어 각 인덱스에 넣어보기

const helloBot = people => {
  let greetings = ['안녕하세요','또 만나네요'];
  let result = [];
  for(let i = 0; i<people.length; i++) {
    if(people[i]===0) {
      result.push(greetings[0])
    } else result.push(greetings[1])
  }
  return result
}

0,1로 이루어진 배열을 helloBot함수에 인자로 넣어주면 그에 맞는 인사말이 나옴

---

For in문

for (변수 in 객체식) {
    // 문장
}

for in 문의 기본 문법

const Object= {
    name: 'LJH',
    age: 28,
}

for( let key in object) {
    console.log(key + ' : ' + object[key]);
}

// name : LJH
// age	: 28

객체의 프로퍼티명과 프로퍼티값을 열거함

주의사항

1. for in 문법은 순서를 보장하지않음. 위의 코드는 결과가 순서에 맞게 나왔으나 그러지 않을때도 있음, 그러므로 배열과 같은 순서를 의식한 데이터 타입은 for in문 사용을 지양함
2. 나열할 수 없는 것도 있음( 추후 살펴볼예정)
3. 프로토타입에서 상속한 프로퍼티도 나열됨

---

For of문

for … of 문은 반복가능한 객체(Array, Map, Set, String, TypeArray, arguments 객체등)를 반복하는 문법

for (변수 of 객체식) { // 문장 }

for of 문의 기본 문법

const Object = [1, 2, 3, 4, [5, 6, 7]];

for (let key of Object) {
  console.log(key);
}

// 1, 2, 3, 4, [5, 6, 7]

배열의 요소들만 열거함

let arr = new Set([1, 1, 2, 2, 3, 3]);

for (let key of arr) {
  console.log(key);
}

// 1,2,3

set과 for of문을 활용하여 중복값 제거 후 열거

---

forEach문

arr.forEach(callback(item, index, array))

기본문법

const arr = [1,2,3,4,5];

arr.forEach( (ele,index) => {
    console.log(ele, index);
})

//1 0
//2 1
//3 2
//4 3
//5 4

기본 사용예시

const arr = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9],
];

arr.forEach((ele) => {
  ele.forEach((ele) => console.log(ele));
});

// 1 2 3 4 5 6 7 8 9

2차원배열 사용예시

forEach문은 배열에서만 사용하는 메서드이다. 배열에서는 for in보다 foreach문을 사용하도록 지향하자.