코딩일기(오늘 배운거 정리)

오늘은 forEach 문과 for..in 문 for..of문을 오전에 배웠습니다. 

그에대해 정리 합니다.

forEach문은

매개변수,인덱스,배열을 담아지고 그걸 뺴서 씁니다.

forEach는 배열을 반복하면서 각 요소에 대해 특정한 동작을 수행할 때 사용되는 메서드입니다.

forEach 메서드는 배열의 각 요소에 대해 인자로 전달된 함수를 실행합니다. 이 함수는 배열 요소, 해당 요소의 인덱스, 그리고 배열 자체를 인자로 받습니다.

forEach 메서드는 반환값이 없으며, 배열을 변경하지 않습니다. 다음은 forEach 메서드의 기본 구문입니다.

const coding = [100,200,300,400,500,600]

coding.forEach(function(el, index, array) {
  // 실행할 코드
});

el : elememt 약자로 coding에 있는 값을 불러와 반복을 합니다..

index: coding의 갯수를 불러올수 있습니다.

array : coding 전체를 가져와서 반복을 돌립니다.

 

for...of문

for...of 루프는 ES6에서 도입된 새로운 반복문입니다.

이 반복문은 배열, 문자열, 맵(Map), 셋(Set), 제너레이터(Generator) 객체 등과 같은 반복 가능한(iterable) 객체를 순회할 때 사용됩니다.

for...of 반복문은 배열 요소를 직접 참조할 수 있기 때문에, 인덱스 변수를 사용할 필요가 없습니다. 또한 break나 continue 문을 사용하여 반복문을 제어할 수도 있습니다.

다음은 for...of 반복문의 구문입니다.

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

for (const number of numbers) {
  console.log(number);
}

for문안에 number라는 변수에 numbers의 값을 반복합니다. 

반복후 console.log를 통해 출력해 주고 있습니다.

 

for...in문

for...in 루프는 자바스크립트에서 객체의 속성을 순회할 때 사용되는 반복문입니다. 이 반복문은 객체의 속성을 열거할 수 있습니다.

for...in 반복문은 객체의 속성을 순회할 때 사용됩니다. 객체의 속성을 순회할 때, for...in 반복문은 객체의 속성 이름을 반복합니다. 이 반복문에서는 객체의 속성 값에 직접 접근할 수는 없지만, 객체의 속성 이름을 사용하여 해당 속성 값을 가져올 수 있습니다.

다음은 for...in 반복문의 구문입니다.

const person = {
  name: 'John',
  age: 30,
  city: 'New York'
};

for (const property in person) {
  console.log(`${property}: ${person[property]}`);
}

person이라는 객체 안에 값을 추출해 내는 코딩입니다.

아직도 이해가 안간다.....

이렇게 오전이 끝남

 

오후에는 레이아웃을 했는데 어렵다.

하나도 눈에 안들어온다.

내일은 자바스크립트 시험이다. 

공부해야 한다 

그럼 이만