souvenir

1-3 [메소드]_배열 다루기 본문

2020년/Java script

1-3 [메소드]_배열 다루기

풀빵이 2020. 4. 21. 20:38

1. 배열 판별하기 : Array.isArray()

  • 메소드임.

  • 목적 : Typeof로는 배열, 객체 모두 objet 나오기 때문에 배열 자체를 판별하기 위한 메소드

  • Input : 확인하고 싶은 배열 혹은 객체

  • Return value : 배열인지 아닌지 true/false

 

 

 

2. Element 존재 여부 확인하기 : indexOf, includes

  1) indexOf : 배열 내에  해당 element 위치 인덱스 출력

 

Ex1)

let words = ['ramy', 'coffee', 'milk']

Console.log(words.indexOf('coffee')) // 1  <-해당 element의 인덱스

// ※없을 경우 : -1이 return 됨.

 

Ex2)

Words.indexOf('없는단어') !== -1  //false 없는 단어임. 하지만 나라면

Words.indexOf('없는단어') === -1// true ==> 이것이 더 이해하기 더 쉬운 것 같음.

 

 

 

  2) Includes : 배열 내에 해당 element 유무 확인 true/false

 

explorer에는 사용이 불가함.

※범용성이나 호환성 측면에서도 indexOf 유용함.

 

 

 

 

 

 

 

 

3. 배열에 element 넣고 빼기 : push, pop, shift, unshift

 

★ 배열의 경우 console.table로 이용하면 표로 시각과 해서 볼 수 있음

MDN 문서 : https://developer.mozilla.org/en-US/docs/Web/API/Console/table

 

console.table(["apples", "oranges", "bananas"]);

 

 

 

1) Push

- 활용 : Arr.push(element)

- Return : 뒤에 추가됨

 

2) Pop

- 활용 :  Arr.pop()

- Return : 마지막 element 삭제됨.

 

3) Shift

- 활용 :  Arr.shift()

- 0번째 인덱스부터 삭제함.

 

4) Unshift

- 활용 :  Arr.unshift(element)

- 앞쪽에 element 추가함.

 

 

 

 

 

 

 

'2020년 > Java script' 카테고리의 다른 글

배열의 축소 : Array.reduce  (0) 2020.05.13
1-3 [메소드]_배열 다루기 (2)  (2) 2020.04.28
1-3 [메소드] _문자열 다루기  (0) 2020.04.21
1-2 [객체]  (0) 2020.04.21
[JS] 자바스크립트로 할 수 있는 일  (0) 2020.04.11
Comments