[js] 20230405

객체

let person = {
  name: "홍길동",
  age: 30,
  gender: "남자"
};

객체란? key와 value를 담는 그릇!
dictionary처럼 생겼다.

객체를 다양하게 활용할 수 있는 method가 매우 많다!

• Object.keys(객체) // key를 불러온다
• Object.values(객체) // value를 불러온다
• Object.entries(객체) // 다 불러온다(2차원 배열로!)
• Object.assign(타깃,객체) // 타깃에 객체 복붙해서 새로운 객체 만든다
• JSON.stringify(객체) // 객체를 문자열로 변환한다
• ...객체 // 전개 연산자, 객체의 {}를 없앤다

배열

배열은 C랑 비슷하게 생겼다. {}대신 []를 쓰는것 빼고.
배열도 다양한 method가 있다.

• 배열.push(요소) // 배열 끝에 요소 추가
• 배열.pop() // 배열 마지막 요소 삭제
• 배열.shift() // 배열 첫번째 요소 삭제
• 배열.unshift(요소) // 배열 처음에 요소 추가
• 배열.splice(시작점,마지막점,요소) // 배열 일부를 지우거나 새로운 요소 추가
• 배열.slice(어디부터,어디전까지) // 배열 일부를 return
• 배열.forEach() // 각 요소에 대한 콜백함수 실행(만함)
• 배열.map() // 콜백 함수 실행하고 결과 return
• 배열.filter() // 콜백 함수 실행하고 true인 요소만 새로운 배열로 return
• 배열.find() // 콜백 함수 실행하고 true인 첫번쨰 요소 return

---

04-1 배열

확인문제 1.

1) 3
2) 바나나
3) 32

확인문제 2.

• 코드

<script>
	const array = [1, 2, 3, 4]
    
    console.log(array.length)
    console.log(array.push(5))
</script>

• 출력결과
  4
  [1, 2, 3, 4, 5]

확인문제 3.

1) 비파괴적 처리
2) 파괴적 처리
3) 비파괴적 처리
4) 비파괴적 처리

06-1 객체의 기본

확인문제 1.

• 코드

let book = {
	name : "혼자 공부하는 파이썬",
    price : 18000,
    publisher : 한빛미디어
}

확인문제 2.

3) 객체.속성 = 값 //객체에 동적으로 속성을 추가하는 문법

확인문제 3.

1) delete 객체.속성 //객체에 동적으로 속성을 제거하는 문법

확인문제 4.

• 메소드

print: function (lang) {
	console.log('${this.ko}는 ${this.lang[lang]}로 ${this[lang]}입니다.')
}

• 실행 결과

'빵은 한국어로 pan입니다.'