[부트캠프 js/node기초] 210801 자바스크립트 배열/객체 기초개념 복습

밍징·2021년 8월 1일
0

개념복습_ver.

목록 보기
10/30
post-thumbnail

📌 배열

1. 배열은 순서가 있는 값, 순서는 인덱스로 표현

2. 배열 내 각각의 값엔 인덱스를 통해 접근

ex) let myNumber = [0, 1, 2, 3, 4] 
myNumber라는 배열의 3번째 인덱스에 접근 하려면?
myNumber[3] // 3이다
>
ex2) let yourNumber = [[0,1],[2,3],[4,5]]
yourNumber라는 배열의 첫번째 인덱스에 0번째 인덱스를 표현하려면?
yourNumber[1][0] //2 이다

3. 배열의 길이 알아내기? length

let myNumber = [0, 1, 2, 3, 4]
myNumber.length // 5 

4. 배열의 끝에 요소 추가? push

let myNumber = [0, 1, 2, 3, 4] 
myNumber.push(5)
console.log(myNumber)
[0, 1, 2, 3, 4, 5]

5. 배열의 끝요소 삭제? pop

let myNumber = [0, 1, 2, 3, 4] 
myNumber.pop() // 4	를 삭제
console.log(myNumber) // [0, 1, 2, 3]

6.배열인지 아닌지 확인하기

Array.isArray()  // true false로 판별해줌

7.반복문 이용해 배열의 요소를 한번씩 출력하려면?

let myNum = [0, 1, 2, 3, 4]
for (i =0; i < myNum; i++) {
   console.log(myNum[i])
}

8. 배열 요소 포함여부 확인하기( indexOf / includes )

1) indexOf(index를 반환)

let words = [ 'Radagast', 'the', 'brown' ]
words.indexOf('Radagast') // 0

2) includes(true/false로 반환)

let words = [ 'Radagast', 'the', 'brown' ]
words.includes('the') // true

📌 객체

1. 키:값 이런식의 정보들이 섞여있는 정보덩어리 라고 쉽게 생각하면 됨

ex) let user = {
  firstName : 'Steve',
  lastName : 'Lee',
  city : 'Seoul'
} //요게 객체 

2. 위 예시처럼 콜론으로 키와 값을 구분하고, 쉼표로 각 정보들 구분

3. dot notation 과 braket notation

1) dot notation

ex)
user.firstnName // 'Steve'
user.lastName // 'Lee'

2) braket notation

ex)
user['firstnName'] // 'Steve'
user['lastName']// 'Lee'

❗ 여기서 잠깐!
user [firstName] 은 값을 가져오지 못함. 에러 뜸. 그 이유는 따옴표를 빼면 변수처럼 참조하기 때문

4. delete 키워드로 삭제 가능

키와 값 쌍 둘다 삭제됨

let user = {
  firstName : 'Steve',
  lastName : 'Lee',
  city : 'Seoul'
} 
delete user.firstName
console.log(user) // {lastName: "Lee", city: "Seoul"}

5. in연산자로 해당하는 키 확인

let user = {
  firstName : 'Steve',
  lastName : 'Lee',
  city : 'Seoul'
} 
'firstName' in user  // true
profile
프론트엔드를 공부하고 있는 디자이너 입니다 :D

0개의 댓글

관련 채용 정보