티스토리 뷰

Web/JavaScript

[JS] 배열, 객체

HOJJANG 2022. 4. 9. 15:53

1. 배열

 

let cats = ['짱구', '호두'];
console.log(cats);
// ['짱구', '호두']

// 1. .length
console.log(`우리집 고양이는 총 ${cats.length} 마리예요~ 너무 귀여워`);
// 우리집 고양이는 총 2마리예요~ 너무 귀여워


// 2. push :: 배열 맨 끝에 항목 추가하고 배열 길이를 반환 (왜?)
cats.push('밍');
console.log(cats);
// ['짱구', '호두', '밍']


// 3. unshift :: 배열 처음에 항목 추가하고 배열 길이를 반환 (왜??)
cats.unshift('윤')
console.log(cats);
// ['윤', '짱구', '호두', '밍']


// 4. pop :: 배열의 마지막 요소를 삭제하고 삭제한 요소를 반환
console.log(cats.pop());
// 밍


// 5. shift :: 배열의 첫번재 요소를 삭제하고 삭제한 요소를 반환
console.log(cats.shift());
// 윤

 

 

 

 


 

 

 

2. 객체

 

let 짱구_프로필 = {
    name : '짱구',
    age : 9,
    like : ['누워있기', '밥', '혼자 냅두기', '햇빛', '털실']
}

let 호두_프로필 = {
    name : '호두',
    age: 6,
    like : ['사냥감', '나(ㅎㅎ)', '상추', '간식', '숨바꼭질']
}

console.log(짱구_프로필);
// {name: '짱구', age: 9, like: Array(5)}

console.log(호두_프로필);
// {name: '호두', age: 6, like: Array(5)}

console.log(`짱구가 벌써 ${짱구_프로필.age}살이라니...`);
// 짱구가 벌써 9살이라니...

console.log(`호두는 ${호두_프로필.like[1]}를 가족 중에 제일 좋아해~`);
// 호두는 나(ㅎㅎ)를 가족 중에 제일 좋아해~

 

'Web > JavaScript' 카테고리의 다른 글

[JS] fetch 메소드 (get)  (0) 2022.04.09
[JS] 노마드 코더 To-Do-List 만들기  (0) 2022.04.02
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
more
«   2025/03   »
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31
글 보관함