Javascript 정리

Javascript Method

---

1. Join

• 배열의 모든 요소를 연결시켜 하나의 문자열로 출력
• array.join(separator)

let fruits = ["banana", "apple", "kiwi"];
fruits.join(); // "banana,apple,kiwi"
fruits.join("\|"); //"banana|apple|kiwi"

---

2. Split

• string -> array
• string.spilt(separator)

let fruits = "banana", "apple", "kiwi";
fruits.split(","); //["banana", "apple", "kiwi"]

---

3. Reverse

• 순서가 뒤집힌 배열 반환
• 원본 배열이 변함
• array.reverse()

let fruits = ["banana", "apple", "kiwi"];
fruits.reverse(); //["kiwi", "apple", "banana"];
fruits; //["kiwi", "apple", "banana"];

---

4. Splice, Slice

splice

• index로 지정된 부분을 삭제
• 삭제된 요소를 return
• array.splice(startIndex, numElements)

let array = [1, 2, 3, 4, 5];
array.splice(0, 2); // [1, 2]
array; // [3, 4, 5]

slice

• 배열의 특정 부분을 반환
• array.slice(startIndex, endIndex)`
• endIndex는 exclusive

let array = [1, 2, 3, 4, 5];
array.slice(2,4) //[3,4] index2, index3, index4(X)

---

5. Find

• 콜백함수의 조건을 충족하는 요소 중 첫번째를 리턴
• array.find(callback function)

var array = [21, 22, 25, 30];
array.find(value => value % 5 == 0); // 25

---

6. Filter

• 콜백함수의 조건을 충족하는 요소들의 배열을 리턴
• array.filter(callback function)

let array = [21, 22, 23, 24, 25];
const evenArray = array.filter(value => value % 2 == 0);
everArray //[22, 24]
array // [21, 22, 23, 24, 25]

---

7. Map

• 배열안 요소에 콜백함수를 실행시켜 새로운 배열로 리턴
• array.map(callback function)

const arrScoreSum = [478, 499, 398, 494, 432];
const scoreAverage = arrScoreSum.map(sum => sum / 5);
scoreAverage // [95.6, 99.8, 79.6, 98.8, 86.4]
arrScoreSum // [478, 499, 398, 494, 432]

---

8. Some, Every

some

• 배열 요소중 하나라도 콜백함수 조건에 충족하는지 확인(boolean)
• array.some(callback function)

const arrScoreSum = [478, 499, 398, 494, 432];
arrScoreSum.some(sum => sum > 490); // true

every

• 모든 배열의 요소가 콜백함수의 조건에 충족하는지 확인(boolean)
• array.every(callback function)

const arrScoreSum = [478, 499, 398, 494, 432];
arrScoreSum.every(sum => sum > 490); // false

---

9. Reduce, ReduceRight

reduce

• 배열을 돌면서 모든 요소들에 콜백함수를 실행해 누적된 값 리턴
• array.reduce(callback function, initialValue)

const scores = [90, 88, 98, 100, 78];
const scoreSum = scores.reduce((sum, score) => {return sum + score}, 0);
scoreSum //454

reduceRight

• reduce()의 반대 순서(뒤->앞)로 배열 순회
• array.reduceRight(callback function, initialValue)

const scores = [90, 88, 98, 100, 78];
const scoreSumRight = scores.reduceRight((sum, score) => {return sum + score}, 0);
scoreSum //454

---

10. Sort

• 오름차순 혹은 내림차순으로 정렬
• 오름차순: ```array.sort((a,b) => a-b);
• 내림차순: ```array.sort((a,b) => b-a);

const scores = [90, 88, 98, 100, 78];
const ascending = scores.sort((a,b) => a - b);
ascending // [78, 88, 90, 98, 100]
const descending = scores.sort((a,b) => b - a);
descending // [100, 98, 90, 88, 78]