Unit6 - [JavaScript] 배열, 객체

코드스테이츠 - 유어클래스 콘텐츠를 참고하여 작성하였습니다.

[Day 4]

2023년 6월 29일

배열 메서드

• 배열인지 아닌지 판단하는 메서드

let words = ['피', '땀', '눈물'];
typeof words // "object"
typeof '문자열' // "string"
typeof 123 // "number"
typeof [1,2,3] // "object"

let obj = { a: 1 }
typeof obj; "object"

Array.isArray('문자열') // false
Array.isArray(123) // false
Array.isArray(words) // true

typeof null // object - JS 버그
x(null 값이 들어간 변수) === null // true

• 배열로 할 수 있는 것들: 배열 뒤에 요소(element)를 추가할 수 있다.

let my number = [73, 98, 86, 61];
myNumber.push(96); // myNumber = [73, 98, 86, 61, 96]

• 배열로 할 수 있는 것들: 배열 뒤에 요소(element)를 삭제할 수 있다.

let my number = [73, 98, 86, 61];
myNumber.pop(); // myNumber = [73, 98, 86]

• 배열로 할 수 있는 것들: 배열 앞에 요소(element)를 추가할 수 있다.

let my number = [73, 98, 86, 61];
myNumber.unshift(100); // myNumber = [100, 73, 98, 86, 61]

• 배열로 할 수 있는 것들: 배열 앞에 요소(element)를 삭제할 수 있다.

let my number = [73, 98, 86, 61];
myNumber.shift(); // myNumber = [98, 86, 61]

• 배열을 쉼표 없이 문자열로 변환

let arr = [1,2,3,4];
console.log(String(arr)); // '1,2,3,4'
console.log(arr.join("")); // "1234"
console.log(typeof(arr.join(""))); // "string"

객체의 값을 사용하는 방법 2가지

방법 1) Dot notation

let user = {
	firstName: 'Steve',
	lastName: 'Lee'
	email: 'steve@codestates.com',
	city: 'Seoul'
};

user.firstName; // 'Steve'
user.city; // 'Seoul'

방법 2) Bracket notation

let user = {
	firstName: 'Steve',
	lastName: 'Lee'
	email: 'steve@codestates.com',
	city: 'Seoul'
};

user['firstName']; // 'Steve'
user['city']; // 'Seoul'

• dot/bracket notation을 이용해 값을 추가할 수도 있다.

let tweet = {
	writer: 'stevelee',
	createdAt: '2019-09-10 12:03:33',
	content: '프리코스 재밌어요!'
};

tweet['category'] = '잡담';
tweet.isPublic = true;
tweet.tags = ['#코드스테이츠', '#프리코스'];  

• delete 키워드를 이용해 삭제가 가능합니다.

let tweet = {
	writer: 'stevelee',
	createdAt: '2019-09-10 12:03:33',
	content: '프리코스 재밌어요!'
};
// createdAt 키-값 쌍을 지웁니다
delete tweet.createdAt;

//tweet은 다음과 같게 됩니다.
// { writer: 'stevelee', content: '프리코스 재밌어요!' }

• in 연산자를 이용해 해당하는 키가 있는지 확인할 수 있습니다.

let tweet = {
	writer: 'stevelee',
	createdAt: '2019-09-10 12:03:33',
	content: '프리코스 재밌어요!'
};

'content' in tweet; // true
'updatedAt' in tweet; //false