Javascript 배열 문법 정리

Park Jae Hong·2022년 4월 10일
0

📃 Javascript Array 문법 정리

forEath

  • 배열에 있는 값을 꺼내주는 함수

array.forEath((array,index) => console.log(array,index))
: 배열의 할당되어 있는 value과 그 index를 모두 출력


Push, Pop, Unshift, shift

  • array.push() : 배열의 가장 뒤에 값을 추가

  • array.pop() : 배열의 가장 뒤에 값을 삭제

  • array.unshift() : 배열의 가장 앞에 값을 추가

  • array.shift() : 배열의 가장 앞에 값을 삭제

❗유의사항

unshift 와 shif t는 push 나 pop 에 비해 속도가 
매우 느리기 때문에 사용할 때 신중히 고려해서 사용해야 한다.

특정 value 값 INDEX 위치, 값 여부 확인

  • array.indexOf('value')

    : 배열 안에 있는 value의 index를 반환 (value 가 없을 경우 -1 반환)

  • array.lastIndexOf('value')

    : 배열 안에 있는 value 의 가장 뒤에 있는 value 의 index를 반환 (value가 없을 경우 -1 반환)

  • array.includes('value')

    : 배열 안에 value 값이 있는지 판별 ( true / false )

  • array.some()

    : 배열 안에 있는 값들이 특정 조건에 만족하는 값이 있는지 판별 ( true / false )


변환

  • array.join('separator')

    : 배열을 String으로 변환 구분자(separator)를 생략하면 default 값은 , 가 된다.

  • array.split('separator', limit)

    : String을 배열로 변환 구분자(separator)를 생략 불가, limit특정 인덱스 까지만 변환 생략하면 전체 변환

  • array.reverse();

    : 배열을 거꾸로 뒤집은 형태로 변환

  • array.splice(start_index, end_index)

    : 배열의 start_index 부터 end_index 까지 삭제하고 그 값을 반환해 준다.

  • array.slice(start_index, end_index)

    : 배열의 start_index 부터 end_index-1 까지의 값을 새로운 배열에 할당, 기존 배열에는 영향 X

  • array.map( (array) => 'function')

    : 배열에서 특정 function에 맞는 값으로 변환해서 반환


특정 Value 찾기

  • array.find( (array) => '조건' )

    : 배열에서 특정 조건에 맞는 가장 첫번째 값을 반환

  • array.filter( (array) => '조건' )

    : 배열에서 특정 조건에 맞는 모든 값을 반환

  • array.some( (array) => '조건')

    : 배열 안에 있는 값들이 특정 조건에 만족하는 값이 하나라도 있는지 판별
    ( true / false )

  • array.every( (array) => '조건' )

    : 배열 안에 있는 값들이 특정 조건에 모두 만족하는지 판별
    ( true / false )

  • array.reduce( (prev, curr) => '조건')

    : 배열을 순차적인 값을 curr에 할당하게 되고 특정 조건에 맞는 값을 return해서 다음 prev에 할당 되게 됨. ( 평균(AVG),합계(SUM)을 구할때 사용 )

  • array.sort()

    : 오름차순으로 정렬

  • array.sort((a,b) => b - a)

    : 내일차순으로 정렬

profile
The people who are crazy enough to think they can change the world are the ones who do. -Steve Jobs-

0개의 댓글

관련 채용 정보