JS로 많은 데이터 다루기

김경태·2021년 2월 20일
0

배열

배열이란?

배열은 순서가 있는 값이라 불리며 다수의 변수들을 가지고 있는 하나의 객체이다. 배열 객체는 변수에 저장 해서 사용 할 수 있고, 변수에 저장된 다른 값들과 거의 동일한 방식으로 쓸 수 있다.

배열의 형태

// 배열의 기본형태
let myNumber = [73, 98, 86, 61, 96];

// 배열의 순서는 index라고 부르며 1이아닌 0부터 순서를 매긴다
console.log(myNumber[0]);
// -> 73
console.log(myNumber[1]);
// -> 98

// 배열은 2차원 3차원 등 여러가지로 나타낼수도 있다
let myNumber = [[73, 98], [86, 61], [[96]]];

배열의 기본 메소드

  • .length : 배열의 길이를 알아볼때
  • .push() : 맨 앞에 값 추가
  • .unshift() : 맨 뒤에 값 추가
  • .pop() : 맨 앞에 값 삭제
  • .shift() : 맨 뒤에 값 삭제
  • .sort() : 요소를 적절한 위치에 정렬할때
  • Array.isArray() : 배열인지 확인할때
  • .indexOf() : 배열의 요소 포함 여부 확인할때

배열의 반복문

배열의 반복문 에서는 for of를 사용하는것이 좋다

let array1 = ['a', 'b', 'c'];

for (let el of myNumber) {
  console.log(el);
}
// -> a
// -> b
// -> c

객체

객체란?

여러 정보와 정보를 활용하는 메소드 를 합쳐 놓은 덩어리 라고 할 수 있습니다.

객체의 기본형태

// 객체는 기본적으로 {} 안에 키,콜론,값 의형태로 이루어져 있다
let user = {
  firstName : 'kt',
  lastName : 'kim',
  city : 'wonju'
}

객체 값을 사용하는 방법

객체의 값을 사용하는 방법에는 'Dot notation' , 'Bracket notation'이 있다.

let user = {
  firstName : 'kt',
  lastName : 'kim',
  city : 'wonju'
}

// Dot notation
객체 이름.키 이름
user.firstName;

// Bracket notation
객체 이름['키 이름'];
user['firstName']

// 객체 생성과 값 할당하는 법
객체명['추가 키'] = '추가 값';
user.['email'] = 'kkt1212@naver.com';
객체명.추가키 = 추가 값;
user.email = 'kkt12121@naver.com';

// 객체 키 삭제하는 법
delete 객체명.키 이름 
delete 객체명['키 이름'] 

// 객체안에 해당하는 키가 있는지 확인하는 법
'키 이름' in 객체명 //객체 안에 해당 값이 있는지 true or false 조회

객체의 반복문

객체의 반복문 에서는 for in을 사용하는것이 좋다

let object1 = { a: 1, b: 2, c: 3 };

for (let property in object) {
  console.log(property,object[property]);
}
// -> 'a', 1
// -> 'b', 2
// -> 'c', 3
profile
비전공자로 시작한 개발자 지망생입니다!

0개의 댓글