최근 freecodecamp에서 코딩을 하면서 JavaScript 배열 방식을 많이 사용했기 때문에, 구체적인 내용은 다음과 같습니다.
1. 일반적인 방법
1. Join()은 배열 요소를 결합하여 문자열 형식으로 반환합니다.
매개변수: 선택사항, 요소 사이의 구분 기호를 지정합니다. 매개변수가 없는 경우 기본값은 쉼표
입니다.
반환 값: 문자열
원래 어레이에 미치는 영향: 없음
2. reverse()는 배열 요소의 순서를 역순으로 변경하고
을 반환합니다.
매개변수: 없음
반환값: 배열
원본 배열에 미치는 영향: 원본 배열이 역순으로 배열된 배열로 수정됩니다
3. sort()는 배열 요소를 정렬하고
을 반환합니다.
매개변수: 선택사항, 정렬 방법 함수, 매개변수 없음, 기본값은 사전 순서로 정렬하는 것입니다
반환값: 정렬된 배열
원본 배열에 미치는 영향: 원본 배열이 정렬된 배열로 수정됩니다
4. concat()은 여러 배열을 연결합니다
매개변수: 여러 개(배열 또는 요소일 수 있음),
반환 값: 연결 후 새 배열
원래 어레이에 미치는 영향: 없음
5. 슬라이스()는 배열에서 여러 요소를 잘라내어 새 배열을 만들고
를 반환합니다.
매개변수: 두 개의 숫자, 두 번째는 선택사항입니다. 첫 번째 매개변수는 차단할 첫 번째 요소의 인덱스 값을 나타냅니다. (이 요소는 차단할 때 포함됩니다.) 첫 번째 매개변수가 음수인 경우 차단된 요소를 의미합니다. 요소의 끝부터 계산하기 시작합니다(예: -1은 마지막 요소를 의미함). 두 번째 매개변수의 의미는 차단을 중지할 요소의 인덱스 값입니다(이 문자는 차단할 때 포함되지 않습니다). 첫 번째 매개변수와 동일
반환 값: 가로채는 새 배열
원래 어레이에 미치는 영향: 없음
6. splice()는 배열의 요소를 대체, 삭제 또는 삽입하고 새 배열을 반환합니다
매개변수: 여러 매개변수 중 첫 번째 매개변수는 필수이고 나머지는 선택사항입니다. 첫 번째 매개변수는 작업의 첫 번째 색인 값입니다. 이때 두 번째 매개변수가 없으면 첫 번째 매개변수(첫 번째 매개변수 포함)가 됩니다. 각 매개변수의 인덱스 값 이후의 모든 요소가 삭제됨), 두 번째 매개변수가 포함된 경우 두 번째 매개변수는 요소 수를 삭제하고 두 번째 매개변수가 0인 경우 해당 요소로 구성된 새 배열을 반환합니다. 원래 배열을 새 요소로 삽입하고 두 번째 매개변수가 0이 아니고 다른 매개변수가 포함된 경우 빈 배열을 반환하며, 교체 작업이 수행되고 교체 전 원래 요소로 구성된 새 배열이 반환됩니다.
반환 값: 삭제된 요소로 구성된 새 배열
원본 배열에 미치는 영향: 교체, 삭제, 삽입 등의 작업이 원본 배열에서 수행됩니다.
7. push()는 배열 끝에 요소를 추가하고 배열 길이를 반환합니다.
매개변수: 여러 개, 배열 끝에 추가된 요소
반환 값: 요소를 추가한 후의 배열 길이
원본 배열에 미치는 영향:
8. pop()은 배열의 끝에서 요소를 삭제합니다
매개변수: 없음
반환값: 삭제된 요소
원본 배열에 미치는 영향: 원본 배열의 끝에서 한 요소가 삭제됩니다.
9. unshift()는 배열의 헤드에 요소를 추가하고 배열 길이를 반환합니다.
매개변수: 여러 개, 배열의 선두에 추가된 요소
반환 값: 요소를 추가한 후의 배열 길이
원본 배열에 미치는 영향:
10.shift()는 배열의 선두에서 요소를 삭제합니다
매개변수: 없음
반환값: 삭제된 요소
원본 배열에 미치는 영향: 원본 배열의 선두에서 한 요소가 삭제됩니다.
11. toString()은 각 요소를 쉼표로 구분하여 배열을 문자열로 변환합니다.
매개변수: 없음
반환값 : 형성된 문자열 (2차원 배열에서는 2차원 배열의 요소들만 연결됨)
원래 어레이에 미치는 영향: 없음
12. toLocaleString()은 toString() 메서드의 현지화된 버전입니다
------------------------------------- ---------------------
2. 반복자 방식
1. foreach()는 배열의 각 요소에 대해 메서드를 호출합니다.
매개변수: 함수
반환 값: 없음
원래 어레이에 미치는 영향: 없음
2. Every()는 부울 유형의 반환 값을 갖는 함수를 허용합니다. 함수가 배열의 모든 요소에 대해 true를 반환하면 true를 반환하고, 그렇지 않으면 false를 반환합니다.
매개변수: 반환 값이 Boolean
인 함수
반환 값: true 또는 false
원래 어레이에 미치는 영향: 없음
3. some()은 부울 유형의 반환 값을 갖는 함수를 허용합니다. 배열에 요소가 있는 한 함수는 true를 반환하고, 그렇지 않으면 false를 반환합니다.
매개변수: 반환 값이 Boolean
인 함수
반환 값: true 또는 false
원래 어레이에 미치는 영향: 없음
4. map()은 함수를 매개변수로 받아들이고 새 배열의 요소는 원래 배열 요소에 함수를 사용한 결과입니다.
매개변수: 함수
반환값 :
함수의 결과값을 이용하여 각 요소로 구성된 배열
원래 어레이에 미치는 영향: 없음
5. filter()는 반환값이 Boolean인 함수를 매개변수로 받아 이 함수를 모든 요소에 적용하고, 반환값이 true인 요소들로 구성된 새로운 배열을 반환합니다.
매개변수: 함수
반환 값: 각 요소는 기능이 true인 요소들로 구성된 배열입니다
원래 어레이에 미치는 영향: 없음
------------------------------------- ---------------------
3. 합병방법
1. Reduce()는 함수를 매개변수로 받아들이고 값을 반환합니다. 누적된 값부터 시작하여 누적된 값과 배열의 후속 요소에 대해 함수가 계속 호출됩니다.
매개변수: 함수
반환값 : 최종 누적값
원래 어레이에 미치는 영향: 없음
2.reduceRight() 메소드
참고: 실행 순서가 오른쪽에서 왼쪽이라는 점을 제외하면 축소와 동일합니다.
위의 JavaScript 배열 메소드 요약 및 분석은 모두 편집자가 공유한 내용이므로 참고가 되기를 바라며, Script Home을 지원해 주시길 바랍니다.