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]); //제일 마지막 인덱스
'WEB' 카테고리의 다른 글
[Javascript] html 문서(DOM)에 접근하기 (0) | 2022.03.05 |
---|---|
[Javascript] 자바스크립트 함수 선언 & 호출 (0) | 2022.03.04 |
[Javascript] 조건문 / 반복문 (0) | 2022.03.02 |
[javascript] 변수 선언(var), 디버깅(console.log) (0) | 2022.03.01 |
[WEB] html/css 레이아웃 (0) | 2022.02.28 |