자바스크립트 반복문

임홍렬·2022년 8월 16일
0

자바스크립트 공부

목록 보기
4/12
post-thumbnail

string concatenation

console.log('my' + ' cat');
console.log('1' + 2);
console.log(string literals: '''' 1 + 2 = ${1 + 2});
console.log('ellie's /n book'); <- /n : 줄바꿈

let = counter = 2;
const preIncrement = ++counter;

// counter = counter + 1;
// preIncrement = counter; // counter = 3

constIncrement = counter++;
// postIncrement = counter;
// counter = counter + 1; //counter = 4

logical operators : ||(or), &&(and), !(not)

const = value1 = true;
const = value2 = 4 < 2;

// ||(or), 첫번째 value값이 true이면 멈춘다.(함수로 호출하는 것들을 제일 뒤에 배치하는 것이 효율적이다.)
console.log(or: ${value1 || value2 or check()});

// &&(and), 모든 value값이 true여야 한다.(함수로 호출하는 것들을 제일 뒤에 배치하는 것이 효율적이다.)
console.log(and: ${value1 || value2 && check()});

function check() {
for(let i= 0; i < 10; i++) {
//wasting time
console.log(':scream:')
}
return true;
}

// !(not) 값을 반대로 바꿔준다. ex) true -> false

console.log(!value1); // true

if, else if, else

  • if가 true이면 블록을 실행

const name = 'ellie';
if (name === 'ellie') {
console.log('welcome, Ellie!');
} else if (name === 'coder') {
console.log('You are amazing coder');
} else {
console.log('unknown');
}

Ternary operator: ?

// condition ? value1 : value2;
// 네임이 엘리랑 같으면 yes를 출력 아니면 no를 출력

console.log(name === 'ellie' ? 'yes' : 'no');

switch operators

const browser = 'IE';
switch (browser) {
case 'IE':
console.log('go away!');
break;
case 'Chrome':
case 'Firefox':
console.log('love you!');
break;
default:
console.log('same all!');
break;
}

Loops

// while이 true일때 body의 code를 실행

let i = 3;
while (i > 0) {
console.log(while: ${i});
i--;
}

// body의 code를 먼저 실행하고, 조건이 맞는지 안맞는지 검사한다.

do {
console.log(do while: ${i});
i--;
} while (i > 0);

for loop, for(begin; condition; step)

for (i = 3; i > 0; i = i--) {
console.log(for:${i});
}

for (let i = 3; i > 0; i = i - 2) {
inline variable declaration
console.log(inline variable for: ${i});
}

nasted loops

for(let i = 0; i < 10; i++) {
for(let j = 0; j < 10; j++) {
console.log(i: ${i}, j: ${j})
}
}

// i가 0일때 j를 0-9까지 돌리고 i가 1일때 j를 0-9까지 돌리고...

break, continue

  • break : loop를 완전히 끝낸다.
  • continue : 지금 것만 스킵하고 다시 다음 스탭으로 넘어가는 것이다.

문제

  1. 0부터10까지 continue를 사용하여 짝수만 출력하기
for(i=0; i<11; i++) {
	if(i % 2 !== 0) {
	continue;
    }
    console.log(`q1. %{i}`);
}
더 좋은 방법
for(i=0; i<11; i++) {
	if(i % 2 === 0) {
    }
    console.log(`q1. %{i}`);
}
  1. 0부터10까지 중에 8에서 break를 사용해서 멈추기
for(i=0; i<11; i++) {
    if(i === 9){
    break;
    }
    console.log(`q2.${i}`);
}
더 좋은 방법
for(i=0; i<11; i++) {
    if(i > 8){
    break;
    }
    console.log(`q2.${i}`);
}
profile
뜨내기 FE 개발자

0개의 댓글

Powered by GraphCDN, the GraphQL CDN