*매우중요 javascript - concat, includes, indexOf, reverse, slice, splice

#javascript

 

#1concat - merge arrays

 

1)기본준비

let A = [‘a’,’b’];

let B = [‘c’, ‘d’];

 

2)concat이용하여 merge

A.concat(B)

 

3)결과

A

[‘a’,’b’,’c’,’d’]

---

#2includes - look for a value

 

1)

#1의 array가 들어있는 A리스트를 그대로 활용하자면

 

A.includes(‘b’);

 

2)결과

true

 

python의 in과 같은 기능을 한다.

---

#3indexOf- just like string.indexOf

 

*내가 찾고자 하는 값이 있다면 몇번 인덱스에 있는지,

없다면 -1을 출력해준다.

 

#1의 A리스트를 다시 활용하면

 

1)

A.indexOf(‘c’)

 

결과

2

 

2)
A.indexOf(‘g’)

 

결과

-1

---

#4reverse - reverses an array

 

#1의 A리스트를 가져와서 사용하자면

(코테이션, 더블 코테이션 마크는 생략한다.)

기존의 [a,b,c,d]

라는 array를

 

A.reverse()

라고 해주면

[d,c,b,a]

로 완전히 뒤집어 준다.

---

#5slice - copies a portion on an array

 

이거는 리스트 슬라이싱과 같은 기능을 한다.

 

1)

let beauty [‘a’, ‘b’, ‘c’];

이렇게 선언을 해준 후에

 

2)

beauty.slice()

라고 해주면

결과물로

 

[‘a’, ‘b’, ‘c’]

가 출력된다.

 

3)

beauty.slice(시작인덱스, 끝인덱스-1)

이라서

beauty.slice(1,3)

이라고 하면 b와 c가 출력된다.

---

#6splice - removes / replaces elements

 

slice와 비슷한 기능인데

특이하며, 매우 중요한 기능을 두개 가진다.

 

첫번째.

몇번 인덱스부터

몇개를 지울것이냐를 묻는 것이다.

 

두번째.

어디에 어떤 값을 넣어줄지를 입력한다.

 

첫번째 경우에는

 

1)

let colors = [‘red’, ‘orange’, ‘yellow’];

 

2)

colors.splice(1,1)

 

3)

결과값으로

colors의 1번인덱스에 해당하는 orange부터 시작하여

1개의 값이 없어지니깐 남는 값으로는

 

red, yellow

가 남게된다.

 

두번째 경우에는

 

1)

let colors = [‘red’, ‘orange’, ‘yellow’];

 

2)

colors.splice(1,0,’blue’)

 

3)

라고 하게되면

1번 인덱스에서

지우는 숫자는 0이다 즉, 지우지 않고

그 위치에 blue를 넣어줘라. 라는 의미로써

1번인덱스에 해당하는게 orange니깐

 

red, orange, blue, yellow

이렇게 정의된다.