쌍용강북교육센터 국비 학원 Day 48일차 JavaScript (Array 주요 메소드)

 

쌍용 강북 교육센터 국비학원 Day 48일차

 

Array 주요 메소드

1. 배열명.splice() (start, count, element)

-> 배열의 특정 위치에 배열 요소를 추가하거나 삭제하는데 사용한다. 
삭제할 경우 리턴값은 삭제한 배열 요소이다. 삭제한 요소가 없으면 빈 배열을 반환한다.

start - 수정할 배열 요소의 인덱스

count - 추가할 경우 count 값은 0, 삭제할 경우 element 없이 삭제할 요소 개수를 넣는다.

2. 배열명.reverse()

-> 배열의 요소를 역순으로 만들어준다.

 

3. 배열명.sort()

<-> 배열의 요소를 문자열로 변환한 후 오름차순으로 정렬한다.

 

<※ 배열요소가 숫자인 경우 오름차순 정렬하고자 하고자 한다라면 sort() 괄호 속에 
function (a, b) { return a - b; } 을 넣어줌으로써 해결해준다.
return a-b; 의 결과값이 음수 이라면  a 가 낮은 인덱스로 정렬된다.
return a-b; 의 결과값이  0 이라면  a 와 b 의 순서는 바뀌지 않는다.
return a-b; 의 결과값이 양수 이라면  b 가 낮은 인덱스로 정렬된다. 

즉, a-b는 오름차순 정렬, b-a는 내림차순 정렬

 

4. 배열명.join ("구분문자")

<-> 구분문자를 사용해서 배열을 하나의 문자열로 만들어 반환해주는 것이다.
만약에 "구분문자" 를 지정해주지 않으면 구분문자는 자동적으로 콤마(,) 로 되어진다.

 

5. "문자열".split ("구분자")

<-> "문자열"을 "구분자"를 기준으로 잘라서 배열로 만들어준다.

 

6. 배열명.slice (start, end)

<-> 인수를 통해 지정한 만큼의 요소를 잘라낸 후 배열로 반환해준다. 
첫 번째 인자는 잘라낼 위치의 인덱스 숫자를 지정하며, 두 번째 인자의 인덱스 숫자의 바로 앞 요소까지를 잘라낼 요소로 지정한다. (원본 배열은 유지된다) 

 

7. 배열명.indexOf (value, start)

<-> 인자로 주어진 value값과 같은 값을 가지는 가장 첫 번째 요소의 인덱스를 반환한다. 없으면 -1을 반환. (start는 시작 인덱스)

 

8. 배열명.lastIndexOf (value, start)

<-> 인자로 주어진 value값을 배열의 뒤에서 부터 찾아서 첫 번째로 발견된 요소의 인덱스를 반환한다. 없으면 -1을 반환

 

9. 배열명.map (function (value, index, array) { 실행문 } )

-> map() 메소드는 반복문을 돌며 배열 안의 요소들을 1대1로 짝지어(맵핑) 새로운 배열을 만들어 주는 것이다. (객체 배열에서 유용하게 쓰인다)

 

 

 

 

10. .children [index]

-> 태그.children은 해당 태그의 자식요소를 배열의 형태로 반환시켜준다. 뒤에 인덱스 번호로 하나의 자식(노드) 만 선택해올 수 있다.

 

11. Array.from ()

-> ES6에 새로 도입된 메소드로, 유사 배열 객체나(NodeList) 반복 가능한 객체를 실제 배열로 변환시켜주는 것이다.

 

12. 배열명.find ()

-> ES6에 새로 도입된 메소드로, 판별함수의 조건에 만족하는 배열요소가 있으면 배열중 첫번째 배열요소를 리턴 시켜주고 끝내고, 판별함수의 조건에 만족하는 배열요소가 없으면 undefinded

 

13. 배열명.filter ()

-> 판별함수의 조건에 만족하는 배열요소가 있으면 모든 배열요소를 담은 배열로 리턴 시켜주고, 판별함수의 조건에 만족하는 배열요소가 없으면 빈배열을 리턴시켜준다. 

 

14. 배열명.findIndex ()

-> ES6에서 새로 도입된 메소드로, 판별함수의 조건에 만족하는 배열요소가 있으면 첫번째 배열요소의 인덱스번호만 리턴 시켜주고 끝내고, 판별함수의 조건에 만족하는 배열요소가 없으면 -1 이 나온다.

 

15. 배열명.some ()
-> 배열명에서 판별함수의 조건에 만족하는 배열요소가 하나라도 있으면 true 를 리턴 시켜주고 조건검사를 중지한다. 배열명에서 판별함수의 조건에 만족하는 배열요소가 하나라도 없으면 false 를 리턴 시켜준다.

 

16. 배열명.every ()

-> 배열명에서 판별함수의 조건에 만족하는 배열요소가 하나라도 없으면 false 를 리턴 시켜주고 조건검사를 중지한다. 배열명에서 판별함수의 조건에 만족하는 배열요소가 모두 존재해야만 true 를 리턴 시켜준다.

 

 

 

메소드	기능
copyWithin()	배열 내에서 첫 번째 인자 위치의 요소를 두 번째 인자 위치에 복사합니다.
every()	인자로 주어진 함수로 배열내의 모든 요소를 테스트해서 참일 경우 true를 반환합니다.
fill()	배열내의 모든 요소의 값을 주어진 값으로 채웁니다.
filter()	인자로 주어진 함수로 배열내의 모든 요소를 테스트해서 참인 요소만으로 만들어진 배열을 반환합니다.
find()	인자로 주어진 함수로 배열내의 요소를 테스트해서 참인 첫 번째 요소를 반환 합니다. 찾지 못하면 undefined를 반환합니다.
findIndex()	인자로 주어진 함수로 배열내의 요소를 테스트해서 참인 첫 번째 요소의 인덱스를 반환합니다. 찾지 못하면 -1을 반환합니다.
forEach()	배열내의 모든 요소에 대해 인자로 주어진 함수를 실행합니 다.
isArray()	인자로 주어진 객체가 배열이면 true를 반환합니다. Array.isArray (object);
map()	인자로 주어진 함수에 모든 각각의 요소를 적용한 값으로 이루어진 배열을 반환합니다.
reduce()	인자로 주어진 함수를 모든 요소에 적용하여 만들어진 단일 값을 반환합니다. 배열 요소에 대해 왼쪽에서 오른쪽으로 적용해 나갑니다. array.reduce (function (total, currentValue, currentIndex, arr), initialValue)
reduceRight()	reduce() 와 같은 기능을 배열 요소에 대해 오른쪽에서 왼쪽으로 적용해 나갑니다.
some()	인자로 주어진 함수를 배열의 요소에 대해서 적용해서 하나라도 참이면 true 를 반환합니다.
toString()	배열을 문자열로 변환하여 그 결과를 반환합니다. 분리자로 콤마가 사용됩니다.
valueOf()	배열 그 자체를 반환합니다.var b = a.valueOf (); 라면 a === b 입니다.

 

 

 

 

---

출처 - https://offbyone.tistory.com/133