<JS> 반복문, 배열, 객체 다양한 문법

togongs·2021년 7월 30일
0

2021

목록 보기
12/30

반복문

for문 사용법

function repeatString(str, num) {
  
  for(let i=0; i<num; i++) {
    result = result + str
  } return result
}

// i=0 'str'
// i=1 'str' +'str'
// i=2 'strstr'+'str'  

return 과 break의 차이

return 명령문은 함수 실행을 종료하고, 주어진 값을 함수 호출 지점으로 반환

function getRectArea(width, height) {
  if (width > 0 && height > 0) {
    return width * height;
  }
  return 0;
}

break 문은 현재 반복문을 종료하고 그 다음 문으로 프로그램 제어를 넘깁니다

let i = 0;

while (i < 6) {
  if (i === 3) {
    break;
  }
  i = i + 1;
}

절대값 Math.abs

주어진 숫자에 절대값을 반환한다.

짝수,홀수를 구하는 방법 2가지

나머지연산자 활용
n % 2 === 0 으로 나누어 떨어지면 짝수

반복문 활용 (조건식, 증감식)
ex) while (n > 0) {
n = n - 2 로
}
1이 나오면 홀수
0이 나오면 짝수

홀수 문자열만 구하는 방법 (반복문)

let i = 1
while(i<num) {
  result = result + (2*i+1)
  i++

배열

최소값 최대값 구하는 다양한 방법

  1. for 문 이용
function findMinNum(arr) {
  
  // initial value를 인자의 첫번째 index값으로 설정 해둔다.
  let minNum = arr[0];
  let length = arr.length;
  
  // for 문을 돌면서 값을 minNum과 비교해 적은 수를 minNum에 대입한다. 
  for (let i = 0; i < length; i++) {
  
 // 부등호 위치를 바꾸면 maxNum을 구할 수 있다. 
    if (arr[i] < minNum) {
      minNum = arr[i];
    }
  }
  return minNum;
}

요소를 사용하여 새로운 배열 concat()

arr.concat은 기존 배열의 요소를 사용해 새로운 배열을 만들거나
기존 배열에 요소를 추가하고자 할 때 사용할 수 있습니다.

배열 병합

const alpha = ['a', 'b', 'c'];
const numeric = [1, 2, 3];

alpha.concat(numeric);
// 결과: ['a', 'b', 'c', 1, 2, 3]

slice()

새로운 배열 객체로 반환한다
원본 배열은 바뀌지 않는다
end가 생략되면 slice()는 배열의 끝까지(arr.length) 추출한다
slice(1, 4)는 첫 번째 문자 포함, 네 번째 문자포함x 추출한다

const animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];

console.log(animals.slice(2));
// expected output: Array ["camel", "duck", "elephant"]

console.log(animals.slice(2, 4));
// expected output: Array ["camel", "duck"]

console.log(animals.slice(2, -1));
// expected output: Array ["camel", "duck"]

.join()

배열의 각 요소를 구분할 문자열을 지정합니다.

const elements = ['Fire', 'Air', 'Water'];

console.log(elements.join());
// expected output: "Fire,Air,Water"

console.log(elements.join(''));
// expected output: "FireAirWater"

console.log(elements.join('-'));
// expected output: "Fire-Air-Water"

빈배열 만드는 방법

1.빈배열 할당
arr = []
2.배열의 길이 설정
arr.length === 0

객체

typeof 유형

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/typeof

for ...in / for ...of 문

- for ... in문
    1. 객체의 열거 가능한 '**속성들**'을 순회할 때 사용합니다.
    2. 객체의 key값에 접근 가능하지만 value에는 직접 접근 불가능 합니다.
- for ... of문
    1. 반복 가능한 유사 배열 객체(대표적으로 배열과 문자열이 있다) 를 순회할 수 있도록 해준다.
    2. 객체와 달리 key가아닌 **'순서' 가 있는** 요소들을 순회할 때 사용합니다.

속성 갯수 구하기
Object.keys(obj).length

마지막 인덱스(요소) 구할때
배열의 인덱스는 항상 0부터 시작하기 때문에
마지막 인덱스는 배열의 길이 -1을 해줘야한다

function getLastElementOfProperty(obj, property) {
  let prop = obj[property]

  if(Array.isArray(prop)) {
    return prop[prop.length-1] 
}

배열,객체의 길이 .length
배열[]의 길이는 쉽게 구할 수 있지만 객체(object)의 길이는 undefined;가 나온다.
객체의 길이를 구하려면 object.Keys를 활용해야한다.

profile
개발기록

0개의 댓글