Jay JS 객체와 배열 {

by


씌우다

1⃣ (행) 행

  • (대괄호)로 표현됩니다.
  • 0(0, 1, 2)에서 시작… 같은 형식의 데이터 저장.
  • 배열은 JS의 객체에도 포함됩니다.

배열 액세스 및 수정 예제

// Array 생성
let fruit = ( '🍇Grape', '🍒Cherry', '🍋Lemon');

// 첫 번째 항목에 접근 // =🍇포도
let fst = fruit(0); 

// 마지막 항목에 접근 // = 🍋Lemon
let lst = fruit(fruit.length - 1);  

// 두 번째 항목 수정
let snd = fruit(1) = '🍎Apple' 

// 새로운 항목 추가
fruit.push('🍌Banana') 

// 앞에서부터 서번째 항목 1개 삭제
fruit.splice(2,1)

// = ( '🍇Grape', '🍎Apple', '🍌Banana')

배열 루프의 예

let colors = ('❤red','💛yellow','💚green','💙blue')

// for 반복문 사용
for( let i = 0; i < colors.length; i++ ) {
    console.log(colors(i))
}
// = ❤red, 💛yellow, 💚green, 💙blue


// forEach 메소드 사용
colors .forEach(function(fe) {
    console.log(fe);
});
// = ❤red, 💛yellow, 💚green, 💙blue

2⃣ {객체} 객체

'추천 관련글,
  • {중괄호}로 표현됩니다.
  • {key:value} 형식으로 데이터를 저장합니다.

객체 액세스 및 수정의 예

//Object 생성
let juice = {
    name: '🍒cherry',
		size: 'Large',
    price: '$10',
}

// Key 접근
let choice = juice.name // = '🍒cherry'

//Key 수정
juice.name="🍊Orange";

// Key,value 추가
juice.option = '🍹ToGo';

// Key,value 삭제
delete juice.size

// = name: "🍊Orange", option: "🍹ToGo", price:"$10"
//

개체 반복 예제

let favorite = {
    dog : '🐶',
    cat : '😺',
    lion : '🦁'
}

// for-in 반복문 사용
for( let i in favorite ) {
    console.log( `i ❤ ${i} ${favorite(i)}`)
}
// = i ❤ dog 🐶, i ❤ cat 😺, i ❤ lion 🦁

// Object.keys 메소드 사용
Object.keys(favorite).forEach(function(keys){
    console.log( `my ${keys} ${favorite(keys)}` )
})
// = my dog 🐶, my cat😺, my lion🦁

요약

( Array ) 및 { Object }는 JS에서 단일 변수에 여러 값을 저장할 수 있는 데이터 구조입니다.
배열은 개체 속성에도 포함됩니다. 늘 보는 구조인데 헷갈렸는데 이제 완벽하게 이해가 되네요!

for in과 for of 의 차이점을 포스팅하겠습니다.