[Javascript] 객체 & 배열

Day 11~~

객체와 배열 개념 구글링해보고 실습하기

여기서 잠깐

이 전까지는 javascript를 그냥 html 파일 내에서 선언해서 사용했는데, 

참고하는 강의를 옮기면서 파일 분리를 하고 console창(ctrl+shift+i)에서 띄우는 방식으로 진행했다. 

 

객체(Object)

: 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 타입

(쉽게 생각하면 붕어빵의 틀 같은 느낌)

 

객체의 특징

• 변수이나 하나의 객체에 많은 값이 포함될 수 있다.
• 중괄호 표기를 통해 객체를 생성할 수 있다. 
• key : 문자열 or 기호
• value : 모든 유형 가능 
• properties : 객체에서 명명된 값 
• 객체 변수를 복사하면 참조가 복사된다. (객체가 복사되는 것이 아니다)

객체의 종류

• 배열
• 함수
• 객체
• 날짜
• 수학
• 정규표현식

간단한 예제 

결과화면

const obj1={};
const obj2=new Object();

function print(person){
    console.log(person.name);
    console.log(person.age);
}

const luda = {name: 'luda', age: 23};
print(luda);

luda.hasjob=true;
console.log(luda.hasjob)

 

---

 

배열

: 같은 자료들을 담는 자료구조 중의 하나 

(객체와의 차이점은 단순하게 같은 자료형의 나열이라는 것이다)

 

1. 선언 

2가지 방식이 있다.

const arr1 = new Array();
const arr2 = [1,2];

 

2. 인덱스 출력, 길이 출력

배열의 0번째가 첫번째 요소라는 점만 기억하면 될 것 같다. 

const dogs = ['retriver','border'];
console.log(dogs);
console.log(dogs.length);
console.log(dogs[0]);
console.log(dogs[dogs.length-1]); //제일 마지막 인덱스

 

3. 배열 반복문

양심고백하자면... 어제 좀 바빠서 반복문 열심히 안함ㅋㅋ 그런 의미로 오늘 같이 정리~~

 

기본 배열

const dogs = ['golden retriver','border collie','labrador retriver','Jindo dog'];

for

for(let i=0;i<dogs.length;i++){
    console.log(dogs[i]);
}

for of

for(let dog of dogs){
    console.log(dog);
}

forEach

: 배열의 값마다 내가 전달한 함수를 적용한다

dogs.forEach(function(dog, index, array){
    console.log(dog, index);
})

이걸 간략하게 적으면 아래와 같이 표현 가능하다.

dogs.forEach((dog, index)=>console.log(dof,index));

 

4. 배열 다루기 

 

간단한 예제

 

결과화면

const arr1 = new Array();
const arr2 = [1,2];

const dogs = ['retriver','border'];
console.log(dogs);
console.log(dogs.length);
console.log(dogs[0]);
console.log(dogs[dogs.length-1]); //제일 마지막 인덱스