JS_기초 배열, 객체

개발 공부 기록·2021년 4월 24일
0

JavaScript

목록 보기
7/10
post-thumbnail

배열

배열순서가 있는 값 ex) [0, 1, 2, ...]
순서는 인덱스라고 부르며 0부터 시작함

기본적인 속성과 메소드

  • Array.isArray(arr)
    배열의 타입은 객체라서 배열인지 boolean값으로 판별해줌

  • arr.length
    배열의 길이

  • arr.push(#)
    배열의 에 #을 추가하고 변경된 배열 길이 반환

  • arr.pop()
    배열의 마지막 요소 제거하고 그 요소 반환

  • arr.unshift(#)
    배열의 맨 앞에 #을 추가하고 변경된 길이 반환

  • arr.shift()
    배열의 맨 앞 요소 제거하고 그 요소 반환

  • arr.indexOf(#)
    배열의 요소 중 #의 인덱스(중복이면 처음 조회된 인덱스)를 반환

  • arr.includes(#)
    배열의 요소 중 #이 있는지 boolean 값으로 반환

  • arr.sort()
    배열의 요소를 정렬하고 그 배열을 반환

  • arr.splice()
    배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열 요소를 변경

  • arr1.concat(arr2)
    arr1 배열에 arr2 요소를 합쳐서 새 배열 반환

  • arr.join()
    배열의 모든 요소를 문자열로 만들어줌

  • arr.slice()
    배열의 일부나 전체를 복사해 새 배열로 반환

객체

객체는 문자열과 배열과 다르게 순서가 없고 의미를 가지다. ex) {key: value}

기본적인 속성과 메소드

  • Dot notation
    obj.key obj의 key값(value)을 반환

  • Bracket notation
    obj['key'] obj의 key값(value)을 반환
    obj[key] obj의 key가 변수일 때만 사용

  • delete obj.key
    obj의 해당 키와 값을 삭제

  • 'key' in obj
    문자열과 배열의 includes처럼 obj에 해당 키가 있는지 boolean값으로 반환

  • for (let key in obj)
    객체에서만 사용할 수 있는 for문(객체의 키와 값을 순회하는 반복문)

  • Object.assign(obj1, obj2)
    obj1에 obj2의 키와 값을 덮어 씌움

  • Object.keys(obj)
    obj의 키를 배열로 만들어줌

  • Object.values(obj)
    obj의 키값을 배열로 만들어줌

Spread syntax (전개 구문)

배열이나 객체의 요소를 풀어서 나열해줌
ex) ...arr / ...obj

전개 구문 - MDN

Rest Parameter

함수 매개변수(parameter)에서 인수(정해지지 않은 수)를 배열로 나타내줌

ex) function example(...theArgs) {
// ...
}

Rest parameter - MDN

Destructuring assignment(구조 분해 할당)

구조 분해 할당은 Spread 문법을 이용하여 값을 해체한 후, 개별 값을 변수에 새로 할당하는 과정

구조 분해 할당 - MDN

profile
둔필승총(鈍筆勝聰) - 기억보다는 기록을

0개의 댓글