24.02.26 TIL(Today I Learned)

Jony·2024년 4월 26일
0

[TIL]

목록 보기
11/23
post-thumbnail

Javascript

forEach :

  • 배열을 순회해서 처리하는 역할

  • 배열의 각 요소에 대해 주어진 함수를 순서대로 한 번씩 실행

let numbers1 = [1, 4, 2, 3, 5];
// 매개변수 자리에 함수를 넣는 것 : 콜백 함수
numbers1.forEach(function(item){
    console.log('item입니다. =>' + item)
});

map :

  • 기존에 있었던 배열을 가공해서 새로운 배열을 생산해 내는 역할

  • 항상 원본 배열의 길이만큼이 return된다.

let numbers2 = [3, 6, 9, 5, 2];

let newNumbers = numbers2.map(function(item){
    return item * 2;  
})
console.log(newNumbers);

filter :

  • 배열의 요소를 순회하면서 콜백 함수를 사용하여 원하는 조건에 따라 필터링

let numbers3 = [3, 6, 9, 5, 2];

let filterNum = numbers3.filter(function(item){

    return item !== 5 // [3, 6, 9, 2]
    return item === 5 // [5]
    return item > 5 // [6, 9]
});
console.log(filterNum)

find :

  • 배열에서 특정 조건을 만족하는 요소를 찾아 첫 번째 요소를 반환

  • 특정 요소를 찾는데 유용함

let numbers4 = [8, 7, 4, 5, 2];


let findNum = numbers4.find(function(item){
    return item > 3
})
console.log(findNum)

for문 기본 구조

// for(초기값; 조건식; 증감식) { // }

for (let i = 0; i < 10; i++) {
  console.log("for문 돌아가고 있음 =>" + i);
}

// i라는 변수는 0부터 시작
// i라는 변수가 10에 도달하기 전까지 계속
// i라는 변수는 한 사이클이 돌고 나면 1을 더하기
  • 0부터 10까지의 수 중에서 2의 배수만 console.log로 출력

// 
for (let i = 0; i <= 10; i++) {
  if (i >= 2) {
    if (i % 2 === 0) {
      //2의 배수
      console.log(i + "는 2의 배수이다.");
    }
  }
}
  • for ~ in 문 :

객체 속성을 출력

let person = {
  name:'jay',
  age: 33,
  gender: 'male'
};
// person['key']
for(let key in person) {
  console.log(key + ': ' + person[key])
}

while문

  • while 기본

    while(조건) { //main logic 증감 }

while (i < 10) {
  console.log(i);
  i++;
}
  • while문을 활용해 3 초과 100 미만의 숫자 중 5의 배수인 것만 출력하는 예
let i1 = 3
while(i1 < 100) {
  if(i1 % 5 === 0 && i >=5) {
    console.log(i1 + '는 5의 배수입니다')
  }
  i1++
}

do ~ while문

let i3 = 0;

do {
  console.log(i3);
    i3++;
} while( i3 < 10);

break : 그 자리에서 멈춘다

for(let i = 0; i<10; i++) {
  if(i === 5) {
    break;
    // i가 5일 때 break를 만나 for 문을 멈춘다. 0-4까지만 출력
  }
  console.log(i)
}

continue : 다음 순서로 넘어감

for(let i = 0; i<10; i++) {
  if(i === 5) {
    continue;
    // i가 5일 때 0-4까지 정상출력, continue를 만나 console.log로 흐르지 않고
    // 다시 for문 위로 올라가 6-9까지 출력
  }
  console.log(i)
}
profile
알면 알수록 모르는 코태계

0개의 댓글