본문 바로가기
Web/JavaScript

JAVASCRIPT - 배열 커멘드

by 다니엘의 개발 이야기 2023. 1. 6.
320x100

JAVASCRIPT - 배열

 

배열의 길이 구하기

.length

 

배열의 값 꺼내기

[숫자(인덱스)]

 

배열 맨 뒤에 값 추가

.push()

 

배열 맨 마지막 값 삭제

.pop()

 

배열 요소 정렬

.sort()

 

배열 데이터 확인

.includes(값)

-> 값이 int면 그냥 숫자, str면 ‘값’ 으로 적어줘야함

 

배열 2개 연결

.concat(array2)

 

배열을 문자로 만들기

.join()

.join()에서 ()안에 '/'를 넣으면

각 리스트안의 변수들이 /로 구분된다.

이를테면 name = ['짱','구','는','못','말','려']

이렇게 되어있을때

name.join('/')라고 해주면

짱/구/는/못/말/려

이렇게 되고

name.join('o')라고 하면

짱o구o는o못o말o려

이렇게 된다.

 

배열 분리

.slice()

 

배열에서 원하는 요소 뽑기

.filter()

 

배열의 모든 요소 변경

.map()


# 코드 사용 예시 1

let classmates = ['철수', '영희', '훈이']
// undefined
classmates
// (3) ['철수', '영희', '훈이']
classmates[0]
// '철수'
classmates[1]
// '영희'
classmates.includes('훈이')
// true
classmates.lenth
// undefined
classmates.lengthth
// undefined
classmates.length
// 3
classmates.push('맹구')
// 4
classmates.pop()
// '맹구'
classmates
// (3) ['철수', '영희', '훈이']

# 코드 사용 예시 2

 

특히 join의 활용법이 인상적이다.

const email = 'codecamp@gmail.com'
// undefined
email.includes('@')
// true
email.split('@')
// (2) ['codecamp', 'gmail.com']
let userMail = email.split('@')[0]
// undefined
userMail
// 'codecamp'
let company = email.split('@')[1]
// undefined
company
// 'gmail.com'
let maskingMail = []
// undefined
maskingMail.push(userMail[0])
// 1
maskingMail.push(userMail[1])
// 2
maskingMail.push(userMail[2])
// 3
maskingMail.push(userMail[3])
// 4
maskingMail.push('*' * 4)
// 5
maskingMail.pop()
// NaN
maskingMail.push('*')
// 5
maskingMail.push('*')
// 6
maskingMail.push('*')
// 7
maskingMail.push('*')
// 8
maskingMail
// (8) ['c', 'o', 'd', 'e', '*', '*', '*', '*']
let testJoin = maskingMail
// undefined
testJoin.join('-')
// 'c-o-d-e-*-*-*-*'
testJoin
// (8) ['c', 'o', 'd', 'e', '*', '*', '*', '*']
testJoin.join('/')
// 'c/o/d/e/*/*/*/*'
maskingMail.join('') + '@' + company
// 'code****@gmail.com'
let result = maskingMail.join('') + '@' + company
// undefined
result
// 'code****@gmail.com'
300x250