Java 기반 클라우드 융합 개발자 과정 - KH 정보교육원/플러스 알파

[ JS ] [ 배열 ] 함수 사용해보기

giggs 2022. 6. 28. 11:42

 

 

JS [ 배열 ] 에 여러 가지 함수 적용해서 사용해보기

 

 


 

 

1. concat( ) 

  • 배열에 문자열 이어주기 - 추가하기

 

 

 

 


 

 

 

2. indexOf( ' ' )

  • 배열에서 특정 문자열의 인덱스 찾기

 

 

 

2-1 indexOf( ' c ', 3 );

  • 파라미터 check
  • a[ ]에서 ‘c’ 인덱스를 찾겠다. - 3번째부터 -
  • a[3] - 'd'부터 찾게되므로 'c'못찾는다 – 못 찾았다 [ –1 ] 출력

 


 

2-2 lastIndexOf()

  • last 체크
  • 특정 문자열을 배열의 뒤에서부터 찾는다.
  • 가장 먼저 만나는 문자열의 a[ ] 인덱스 출력

 

 

 

 


 

 

 

3. every()

 

  • every() 라는 함수는 파라미터로 함수를 받는다.
  • a배열에 요소를 하나하나 다 가져와서 작업하겠다
  • 어떤 작업? function(){} 작업

 

 

 

3-1 함수 만들어서 호출해보기 – function

  • a배열의 요소 하나하나를 num에 담고 - 작업

 

 

 

  • a배열의 요소 하나하나를 num에 담고 - 작업
  • java의 향상된 for문 느낌

 

 

 

 

 


 

 

 

4. push() / pop()

  • java에서 stack에서와 같은 방식
  • push() 맨 뒤 입력
  • pop() 맨 뒤 출력

 

 

 

4-1 함수 출력 테스트

 


 

4-2 작동 방식 체크

 

 


 

 

4-3 @ tip 상세 내용  모든 거 처리하고 난 결과가 나온다..

 

6개라고 나오지만 pop작업 끝난 5개의 배열만 출력됨을 확인

 

 

 

 


 

 

 

5. shift(); // unshift();

  • 왼쪽으로 한 칸씩 // 오른쪽으로 한 칸 씩
  • shift() - 맨 앞에 있는 요소는 삭제됨
  • unshift(); - 맨 뒤에 있는 요소는 밀려나거나 삭제됨
  • unshift(); - 오른쪽으로 밀어내고 생겨난 자리에 새로운 요소 추가 가능

 

 

 

5-1 작동 방식 체크

 

 


 

5-2 함수 출력 테스트

 

 

 

 


 

 

6. reverse();

  • 배열을 뒤집어서 반대로 출력

 

 

 

 

 


 

 

7. slice();

  • 특정 인덱스 이상부터 특정 인덱스 미만까지의 요소 가져오는 함수
  • i <= x < j

 

 

 


 

 

 

8. splice();

  • 특정 인덱스부터 n개 요소 잘라내는 기능의 함수
  • 1번 인덱스부터 2개 요소 잘라내라
  • 잘라낸 자리에 새로운 요소 추가 가능

 

 

8-1 함수 출력 테스트

 

 

잘라내는 건 잘라내고/ 잘라낸 자리에 값 입력 가능