javaScript-배열4

.reverse()

대상 배열의 순서를 반전한다.

 

대상 배열 원본이 변경된다.

 

const arr = ['A', 'B', 'C']
const reversed = arr.reverse()

console.log(reversed)	// ['C', 'B', 'A']
console.log(arr)	// ['C', 'B', 'A']

 

 

---

 

.shift()

대상 배열에서 첫 번째 요소를 제거하고, 제거된 요소를 반환한다.

 

대상 배열 원본이 변경된다.

const arr = ['A', 'B', 'C']

console.log(arr.shitf())	// A
console.log(arr)	// ['B', 'C']

 

 

---

 

 

.slice()

 

대상 배열의 일부를 추출해 새로운 배열을 반환한다.

 

두 번째 인수 직전까지 추출하고, 두 번째 인수를 생략하면 대상 배열의 끝까지 추출한다.

 

cosnt arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G']

console.log(arr.alice(0, 3))	// ['A', 'B', 'C']
console.log(arr.alice(4, -1))	// ['E', 'F']
console.log(arr.alice(4))	// ['E', 'F', 'G']
console.log(arr)	// ['A', 'B', 'C', 'D', 'E', 'F', 'G']

 

 

---

 

 

.some()

 

대상 배열의 어떤 요소라도 콜백 테스트를 통과하는지 확인한다.

 

const arr = [1, 2, 3, 4]
const isValid = arr.some(item => item > 3)

console.log(isValid)	// true

 

 

---

 

 

.sort()

 

대상 배열을 콜백의 반환 값(음수, 양수, 0)에 따라 정렬한다.

콜백을 제공하지 않으면, 요소를 문자열로 변환하고 유니코드 코드 포인트 순서로 정렬

대상 배열 원본이 변경됨.

 

const numbers = [4, 12, 7, 1, 9, 3];

numbers.sort()
console.log(numbers);	//  [1, 12, 3, 4, 7, 9]


// 오름차순 정렬
numbers.sort((a, b) => a - b);
console.log(numbers);   // [1, 2, 3, 4, 7, 9]


// 내림차순 정렬
numbers.sort((a, b) => b - a);
console.log(numbers);   // [9, 7, 4, 3, 2, 1]

 

 

---

 

 

.splice()

 

대상 배열에 요소를 추가하거나 삭제하거나 교체한다.

 

대상 배열 원본이 변경된다.

 

const arr = ['A', 'B', 'C']
arr.splice(2, 0, 'X')

console.log(arr)	// ['A', 'B', 'X', 'C']

순서대로 인덱스 2번에서 삭제하지 않고 'X' 추가,

 

const arr = ['A', 'B', 'C']
arr.splice(1, 2)

console.log(arr)	// ['A']

순서대로 인덱스 1번에서  제거할 요소 2개, 

 

---

 

.unshift()

 

새로운 요소를 대상 배열의 맨 앞에 추가하고 새로운 배열의 길이를 반환.

 

대상 배열 원본이 변경된다.

const arr = ['A', 'B', 'C']

console.log(arr.unshift('X'))	// ['X', 'A', 'B', 'C']
console.log(arr)	// ['X', 'A', 'B', 'C']

 

 

---

 

 

Array.from()

 

유사 배열(Array-like)을 실제 배열로 반환

 

const arrayLike = { 
	0: 'A', 
    1: 'B',
    2: 'C', 
    length: 3 
};

const newArray = Array.from(arrayLike);

console.log(newArray); // ['A', 'B', 'C']

const str = 'Hello';
const strArray = Array.from(str);

console.log(strArray); // ['H', 'e', 'l', 'l', 'o']

 

---

Array.isArray()

 

배열 데이터인지 확인한다.

 

const array = ['A', 'B', 'C']
const arraylike = {
	0: 'A',
	1: 'B',
	2: 'C',
    length: 3
}

console.log(Array.isArray(array))	// true
console.log(Array.isArray(arraylike))	// false