javascript .splice .concat .slice join(); - sort(); reverse();
본문 바로가기

컴퓨터공부/Javascript

javascript .splice .concat .slice join(); - sort(); reverse();

by Life & study 2023. 7. 30.
반응형

javascript. splice. concat. slice join(); - sort(); reverse();

. splice( 위치삭제범위시작점, 위치삭제범위 끝   )

 



. splice(0.3)

기존배열에 영향을 끼치지않고 작성하는 곳

 

// 예시 배열
const numbers = [5, 2, 8, 1, 4];

// .splice(위치, 삭제범위) - 배열에서 요소를 삭제하고, 삭제한 요소를 반환합니다.
const removedElements = numbers.splice(1, 2);
console.log(removedElements); // [2, 8]
console.log(numbers); // [5, 1, 4]

 

 . concat('새로운 어레이반환')


기존배열에 영향을 끼치지 않고,
배열 끝에 새로운 Array를 작성하여 배열 만듦

// .concat('새로운어래이반환') - 기존 배열에 영향을 끼치지 않고, 새로운 배열을 생성합니다.
const newArray = numbers.concat([9, 6]);
console.log(newArray); // [5, 1, 4, 9, 6]
console.log(numbers); // [5, 1, 4]

 

 

. slice(0 인덱스위치, 인덱스범위 끝삭제 후 반환)

// .slice(시작인덱스, 끝인덱스) - 배열의 일부분을 추출하여 새로운 배열을 반환합니다.
const slicedArray = numbers.slice(1, 3);
console.log(slicedArray); // [1, 4]
console.log(numbers); // [5, 1, 4]

 

 

-... 어레이와 , 기존배열의 값을 동일하지 않다.

 


... iveMembers와 iveMembers는 같지 않다.

 

const numbers = [5, 2, 8, 1, 4];

// ...어레이와, 기존 배열의 값을 동일하지 않다.
const copiedArray = [...numbers];
console.log(copiedArray); // [5, 1, 4]
console.log(numbers); // [5, 1, 4]
console.log(copiedArray === numbers); // false

 

- join();

 

// .join() - 배열의 요소들을 문자열로 연결합니다.
const joinedString = numbers.join('/');
console.log(joinedString); // "5/1/4"
console.log(numbers); // [5, 1, 4]




join('/');를하면 
/ 단위로 나눠서 배열을 출력한다.
String으로 엮을 때 많이 사용한다.

 

 

- sort();
오름차순 정렬

 

- sort();
오름차순 정렬

// .sort() - 배열을 오름차순으로 정렬합니다.
numbers.sort();
console.log(numbers); // [1, 4, 5]

 


-reverse(); 
거꾸로 정렬한다

// .reverse() - 배열을 역순으로 정렬합니다.
numbers.reverse();
console.log(numbers); // [5, 4, 1]