Array, Object

soncl_97·2020년 3월 26일
0

TIL

목록 보기
4/6

Array(배열)

What is array?

한 변수에 여러가지 값을 저장할 때 사용되는 것을 'array' 라고 한다.

const arr1 = ["pasta", "pizza", "떡볶이", "cake"];

arr1은 변수명이다. 대괄호 안에 있는 것들은 요소라고 한다.
array를 작성할 때는 변수명을 선언해주고, 대괄호'[]'를 열어준다. 그 안에 '""'로 저장하고 싶은 요소들을 감싸서 적어주면 변수에 배열의 형태로 저장된다!

배열 조작하기

요소 추가하기

생성한 array에 요소를 추가하는 방법은 다음과 같다.

const arr1 = ["pasta", "pizza", "떡볶이", "cake"];

arr1[0] = "참치김밥";

직접 콘솔에 쳐보고 다시 호출했더니 다음과 같은 결과가 나왔다.

arr1이라는 배열 0번째 index에 참치김밥이 추가된 것을 볼 수 있다. 요소를 추가하는 다른 방법도 있다.

array.unshift("element");는 배열의 첫번째에 요소를 넣어주고,
array.push("element");는 배열의 막지막에 요소를 넣어준다.

그 밖에도 요소를 제거해주는 '.pop()' 이나 '.shift()'도 있다. 자세한 것은 다음 링크를 참고
Array Method

Object(객체)

What is object?

객체는 배열처럼 한 변수가 여러개의 값을 가지고 있는 것을 말한다. 비슷한듯 보이지만 객체는 배열과 달리 값들의 이름이 있다. 이 이름을 'property' 라고 한다. property는 중복되면 안되기 때문에 모두 다른 이름을 가지고 있어야 한다.

const obj = {
	name: "홍길동",
	age: 24,
	job: "student",

객체는 위와 같은 방식으로 쓸 수 있다. 변수명을 선언하고 '중괄호{}'를 열어준 뒤 property의 이름과 값을 적어준다.

dot notation, braket notation

객체는 property값에 접근할 수 있는데 그 방법에는 두 가지가 있다. 바로 dot notation과 bracket notation이다.

const obj = {
	name: "홍길동",
	age: 24,
	job: "student",
};

console.log(obj.name); // '홍길동'이라는 결과가 나옴

객체의 변수명을 적고 dot 뒤에 접근하고 싶은 property name을 적으면 그 property값에 접근할 수 있다. 이런 방법을 'dot notation'이라고 한다. 또 다른 방법도 살펴보자

const obj = {
	name: "홍길동",
	age: 24,
	job: "student",
};

console.log(obj["age"]); // 24 라는 결과가 나옴

dot notation과 다르게 대괄호를 열고 ""안에 property name을 적는 방식으로 접근했다. 이런 방식을 'braket notation'이라고 한다.

배열에 요소를 추가했던 것처럼 객체에도 property name과 그 값을 추가할 수 있다.

const obj = {
	name: "홍길동",
	age: 24,
	job: "student",
};

obj.birtyday = [960208];
console.log(obj);

결과는 다음과 같다.

birthday라는 property name이 생기고 거기에 960208 이라는 값이 할당됐다!
객체에 대한 더 자세한 내용은 다음 주소를 참고하면 좋을 듯 하다.
Object

0개의 댓글