TIL 배열,객체

배열 메소드

1. 원본 배열을 수정하는 메소드

pop : 배열 뒷부분 값을 삭제

let arr = [1,2,3,4];
arr.pop() //  4 제거된 값 출력
console.log(arr); // [1,2,3]

push : 배열 뒷부분에 값을 넣어줌

let arr = [1,2,3,4];
arr.push(5) //  5 추가된 배열의 갯수 출력
console.log(arr); // [1,2,3,4,5]

unshift : 배열 앞부분에 값을 넣어줌

let arr = [1,2,3,4];
arr.unshift(0) //  5 추가된 배열의 갯수 출력
console.log(arr); // [0,1,2,3,4]

shift : 배열의 앞부분 값 삭제

let arr = [1,2,3,4];
arr.shift() //  1 제거된 값 출력
console.log(arr); // [2,3,4]

splice : 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가
splice(iddex,제거할 요소 갯수, 배열에 추가될 요소)

let arr = [1,2,3,4,5];
arr.splice(3, 2);
console.log(arr); // [1,2,3]   3번째 인덱스에서부터 2개 제거

let arr = [1,2,3,4];
arr.splice(2,1,"a","b");
console.log(arr); // [1,2,"a","b",4] 2번째 인덱스에서 1개 제거 후 "a"와 "b"를 추가

toString : 배열을 문자열로 변환

let arr = [1,2,3];
console.log( arr.toString() ); // 1, 2, 3

join : 배열 원소 전부를 하나의 문자열로 합친다.

let arr =[ 1, 2, 3, 4 ];
console.log( arr.join() );      // 1,2,3,4
console.log( arr.join( '-' ) ); // 1-2-3-4

2. 수정된 새로운 결과(주로 배열)를 리턴하는 메서드

slice(시작, 끝) : 배열의 시작값 부터 끝(끝값 미포함)에 대한 새로운 배열 리턴

let arr =[1,2,3,4,5];
console.log(arr.slice(0,2)); // [1,2]

//음수 값도 사용이 가능
let arr = [1,2,3,4];
console.log(arr.slice(0,-1)); // [1,2,3]

concat : 인자로 주어진 배열이나 값들을 기존 배열에 합쳐서 새 배열을 반환

let array1 = ['a', 'b', 'c'];
let array2 = ['d', 'e', 'f'];
let array3 = array1.concat(array2);
console.log(array3); // ["a", "b", "c", "d", "e", "f"]

객체

객체란?

• 객체는 {}(중괄호)로 감싸져 있고, :(클론)으로 구분된 속성(property)와 속성값(vlaue)로 분딜된 목록의 형태
• 즉 객체는 이름과 값으로 구성된 프로퍼티의 집합

객체를 만들때 규칙
1. property 이름은 중복될 수 없다.
2. property이름과 property값 사이에 :(콜론)으로 구분한다.
3. property를 추가할 때는 , (쉼표)를 붙여준다.
4. property 값에는 어느 type이나 가능하다.(string, numberm array, object, function...)

객체의 특징
1. 객체는 순서가 없는 데이터 모음이다.
2. 객체는 키(key)-값(value) 쌍으로된 데이터의 모음으로써 순서가 뒤 바뀌어도 아무 상관없다.
3. 키의 값(value)에는 텍스트, 숫자 뿐만 아니라 함수, 객체도 넣을 수 있다.
4. 객체의 키(key)에는 스페이스, 한글, 특수문자 등이 들어갈 수 있다.

객체 메소드

Object.keys() : 객체가 가지고 있는 키들의 목록을 배열로 리턴

let obj = {
  name: 'kim',
  age: 20,
  gender: 'Male'
};

Object.keys(obj); // [name, age, gender]

Object.values() : 객체가 가지고 있는 키값으로 이루어진 배열을 리턴

let obj = {
  name: 'kim',
  age: 20,
  gender: 'Male'
};

Object.values(obj); // ['kim', 20, 'Male']

Object.entries() : Object.entries 는 객체의 키와 값의 쌍으로 이루어진 길이 2짜리 배열로 이루어진, 배열을 리턴, 각 배열의 인덱스[0]의 값은 키를, 인덱스 [1]의 값은 키값을 가지게 된다.

let obj = { 
  foo: 'bar', 
  baz: 42 
};
console.log(Object.entries(obj)); // [ ['foo', 'bar'], ['baz', 42] ]

객체를 순회하는 방법

• 객체를 순환하는 방법은 for-in문을 사용한다.
• 반복문인 for문과 같은 종류의 문법이지만, 객체와 배열을 위해 특별히 존재하는, ES6에서 추가된 문법이다.