본문 바로가기

Javascript

JS 배열 내장 함수

*  forEach  : 배열 안 원소 출력*

배열안에 있는 원소들 모두 출력하기

똑같은걸 forEach로 출력하기

축약해서 이렇게도 표현 가능

 

*  formap : 배열 안 원소 변환할때  *

배열에 있는 내용을 전체적으로 변환시켜줌!

똑같은걸 formap로 출력하기

 

 

* indexOf  원하는 항목이 몇번째 원소인지 찾아주는 함수  ≒ findIndex * 

배열 안의 값이 문자열이나 숫자 boolean일 때

 

*  findIndex 몇번째 원소인지 찾아주는 함수 ≒ indexOf *

배열 안의 값이 객체이거나 어떤 조건으로 찾을 때

       -> 특정조건을 확인해서 그 조건이 일치한다면 일치하는 원소가 몇번째인지 알려줌

 

 

* find  : findIndex 랑 비슷, 찾아낸 값이 몇번째인지 X 찾아낸 값 자체를 반환  *

 

*  filter :  조건에 만족하는 모든 요소들을 모아 새로운 배열을 반환할때  *

 

*  splice  : 배열에서 특정 항목을 제거할 때  *

제거하는 과정에서 해당 원소가 몇번째인지 명시 해줘야함

array.splice(배열의 삭제를 시작할 index, 제거할 요소수)

제거할 요소수 1일때

제거할 요소수가 2일때

 

*  slice :  splice 랑  비슷, 배열을 잘라낼 때 사용,  기존 배열은 건들이지  XX *

 

*  shift : 첫번째 원소를 배열에서 추출 (추출하는 과정에서 배열에서 해당 원소는 사라짐)  *

 

pop : 맨 마지막 원소를 추출 (추출하는 과정에서 배열에서 해당 원소는 사라짐) *

 

* unshift :  맨앞에 원소 추가 *

 

* push : 맨뒤에 원소 추가*

 

**push,pop & shift, unshift 묶어서 생각  - 네가지 모두다 기존 배열 변경시킴!

* concat 여러개의 배열을 하나로 합쳐줌(기존의 배열 건들지 X) *

 

* join 배열안의 값을 문자열 형태로 합쳐줌(기존의 배열 건들지 X) *

join안에 파라미터 받을 수 있는데 원소를 어떻게 구분해 줄지를 나타냄 = seperator

ex) 띄어쓰기 두번 

 

* reduce 배열 안의 모든 값을 사용하여 어떤값을 연산해야 할 때 *

배열 안의 값을 더하기 (forEach를 사용)

reduce를 사용헤서 배열 안의 값을 더하기 : arry.reduce((누적값, 현재값) => { return 결과 }, 초깃값);

해석 : 초기값 0이 accumulator가 된다. current 처음엔 1이 들어간다 0 + 1 =1

누적값이 1임 따라서 accumulator 가 1이 됨 1 + 2 = 3

그 다음 누적값 accumulator 는 3 ....

 

reduce를 사용헤서 배열 안의 값 평균구하기 : arry.reduce((누적값, 현재값, index, array) => { return 결과 }, 초깃값);

해석 : 초기값 0이 accumulator.

accumulator : 0, current : 1, index : 0, array는 그냥 자기자신을 가리킴

if문은 index가 array.length -1 보다 작아야하니까 index가 4인 마지막이 될때까지 작동하지않아서

밑에 return 먼저 실행시킴

+ reduce의 다른 예시

꼭 숫자아니여도 사용 가능함

ex)각 알파벳 숫자세어서 객체에 넣어줌

해석 : 초기값 {}이 accumulator, 첫 current 는 1

처음엔 {}에  a가 없기때문에

a =1이라고 저장함. 

 

 

 

++

숫자 배열이 주어졌을 때 10보다 큰 숫자의 갯수를 반환하는 함수를 만들기

function countBiggerThanTen(numbers) {

//코드

 }

const count = countBiggerThanTen([1, 2, 3, 5, 10, 20, 30, 40, 50, 60]);

console.log(count); // 5   ->이게답 

 

 

 

 

'Javascript' 카테고리의 다른 글

JS 이벤트 종류  (0) 2020.08.03
JS Date 객체  (0) 2020.08.01
JS 배열(Array)  (0) 2020.08.01
JS 객체 프로퍼티(key, value) 접근하는 방법  (0) 2020.08.01
JS 객체(Object) +비구조화 할당(ES6)  (0) 2020.07.31