[JavaScript]코딩앙마 중급(3) Array Methods

Joy Ming·2023년 7월 8일

JavaScript

코딩앙마

목록 보기

5/13

Array Methods

arr.splice(n,m)

arr.splice(n,m,x)

두번째 인수에 0을 넣으면?
아무것도 지우지 않고 중간에 새로운 요소를 추가하는게 가능
삭제된 요소를 반환함.

arr.aplice를 하면 기존의 arr가 바뀜(요소가삭제되고 남은거), arr.splice를 찍어보면 arr에서 삭제시킨 요소를 반환함.
문자열에는 적용 불가

+)콘솔안에 splice해도 a변하고
변수에 할당하려 splice해도 기존배열변함

let a = [1,2,3,4];
console.log(a.splice(1,2));//[2,3]
console.log(a)//[1,4]


let arr=[2,3,4,5];
let arr2=arr.splice(1,2);
console.log(arr2);//[3,4]
console.log(arr);//[2,5]

let q = 1;
console.log(q=q+1);//2
console.log(q)//2
console.log(q++)//2
console.log(++q)//3

arr.slice(n,m)

괄호안에 아무것도 넣지 않으면 배열이 복사됨

arr.concat(arr2,arr3..)

합쳐서 새 배열 반환

arr.forEach(fn):배열 반복

예시

arr.indexOf/arr.lastIndexOf

발견하면 인덱스 반환, 없으면 -1반환
인수가 두개인 경우 두번째위치는 시작위치를 의미함.
끝에서 부터 탐색하고 싶으면 lastIndexOf사용
끝에서 첫번째로 3 발견한 인덱스 7이 반환됨
문자열에서도 적용됨

let a= 'min';
let b = a.lastIndexOf('i');
console.log(b)//1

let c = a.lastIndexOf('f');
console.log(c)//-1

arr.includes()

인덱스 정보 필요없고 포함하는지만 확인
이것도 문자열에서도 사용

arr.find(fn)/arr.findIndex(fn)

찾는건 맞는데 보다 복잡한 연산 가능하도록 함수를 전달함. (짝수를 찾는다던지)
함수에 배열의 요소를 돌아가며를 넣었을 때 리턴값이 true인 애를 찾으면 그 요소를 반환함(발견한 첫번째만.)없으면 undefined
주의할 건 첫번째 true값만 반환하고 끝, 만약 없으면 undefined를 반환
findIndex는 해당 인덱스를 반환
예제) 짝수 찾기

-예제) 미성년자 찾기
객체를 포함한 경우 indexOf로는 찾기 힘드므로 find를 사용하는 것이 적절

find의 인자로 들어간 함수에서 넣었을때 리턴값이 true가 되는 배열의 요소를 반환함.

배열의 인덱스 반환

arr.filter(fn)

만족하는 모든 요소를 모두 배열로 반환

앞서 find는 하나만 반환했지만 filter는 다 반환

arr.reverse()

역순으로 재정렬

게시판에서 최근작성된 순으로 정렬할때 자주 사용됨.

arr.map(fn)

함수를 받아 특정 기능을 시행하고 새로운 배열을 반환

기존의 userList는 변경되지않음.

join, split

배열을 합쳐서 문자열로 ;join

아무것도 전달하지 않으면 쉼표로 구분되어 합쳐짐

공백을 넣어주면 공백이 들어가 합쳐짐

특수문자를 넣어 합칠 수 있음.
문자열을 찢어서 배열로 ; split

쉼표기준으로 나눠서 배열을 만들어줬음.

빈문자열을 넣으면 각글자마다 배열을 만듦.