자바스크립트 배열 메소드

## 자바스크립트 개념 01

JavaScript Array method

1. toString()
JavaScript 메소드 toString()은 배열을 (쉼표로 구분된) 배열 값의 문자열로 변환합니다.

var animals = ["cow", "dog", "tiger", "elephant", "horse"];
var makeString = animals.toString();
console.log(makeString);
output: cow, dog, tiger, elephant, horse 

2. 조인()
JavaScript 메소드 join()은 또한 모든 배열 요소를 문자열 형식으로 추가합니다. 그러나 서로 요소를 추가하기 위해 특수 기호를 얻을 수 있습니다.

var animals = ["cow", "dog", "tiger", "elephant", "horse"];
var joinAll= animals.join(“+”);
console.log(joinAll);
output: cow + dog + tiger + elephant + horse

3. 팝()
JavaScript 메서드 pop()은 배열의 마지막 요소를 제거하고 pop() 메서드는 제거된 요소를 반환합니다.

var animals = ["cow", "dog", "tiger", "elephant", "horse"];
var makePop= animals.pop();
console.log(animals);
console.log(makePop);
output: ["cow", "dog", "tiger", "elephant"]
output: horse

4. 푸시()
JavaScript 메서드 push()는 배열의 마지막 위치에 새 요소를 추가하고 push() 메서드는 배열의 길이를 반환합니다.

var animals = ["cow", "dog", "tiger", "elephant", "horse"];
var makePush= animals.push("lion");
console.log(animals);
console.log(makePush);
output: ["cow", "dog", "tiger","elephant","horse", "lion"]
output: 6

5. 시프트()
JavaScript 메서드 shift()는 배열의 첫 번째 요소를 제거하고 shift() 메서드는 제거된 요소를 반환합니다.

var animals = ["cow", "dog", "tiger", "elephant", "horse"];
var makePop= animals.shift();
console.log(animals);
console.log(makePop);
output: ["dog", "tiger", "elephant", "horse"]
output: “cow”

6. unshift()
JavaScript 메서드 unshift()는 배열의 첫 번째 위치에 새 요소를 추가하고 unshift() 메서드는 배열의 길이를 반환합니다.

var animals = ["cow", "dog", "tiger", "elephant", "horse"];
var makePush= animals.unshift("lion");
console.log(animals);
console.log(makePush);
output: ["lion", "cow", "dog", "tiger","elephant","horse"]
output: 6

7. 인덱스 요소 변경.

var animals = ["cow", "dog", "tiger", "elephant", "horse"];
animals[0] = "lion";
animals[animals.length] = "fox";
console.log(animals);
output: ["lion", "dog", "tiger","elephant","fox"]

8. 삭제
자바스크립트 삭제 연산자로 배열 요소를 삭제할 수 있습니다. 전체 배열에 대해 undefined를 반환합니다. 이를 수행하는 가장 좋은 방법은 pop(), shift()를 사용하는 것입니다.

var animals = ["cow", "dog", "tiger", "elephant", "horse"];
var remove = delete animals[0];
console.log(remove);
output: undefined;

9. 연결()
기존 배열을 병합하는 JavaScript 메서드 concat()은 기존 배열을 연결합니다. 기존 배열을 변경하지 않고 새 배열을 만듭니다.

var smallAnimals = ["cat", "dog", "sheep", "rat"];
var bigAnimals = ["elephant", "giraffe"];
var animals = smallAnimals.concat(bigAnimals);
console.log(animals);
output: ["cat", "dog", "sheep", "rat", "elephant", "giraffe"]

concat()은 둘 이상의 배열을 병합할 수도 있습니다.

var smallAnimals = ["cat", "dog", "sheep", "rat"];
var bigAnimals = ["elephant", "giraffe"];
var waterAnimals = ["dolphin", "while"];
var animals = smallAnimals.concat(bigAnimals,waterAnimals);
console.log(animals);
output: ["cat", "dog", "sheep", "rat", "elephant", "giraffe", "dolphin", "while"];

concat()은 배열의 문자열을 병합할 수도 있습니다.

var smallAnimals = ["cat", "dog", "sheep", "rat"];
var animals = smallAnimals.concat(“elephant”, “dolphin”);
console.log(animals);
output: ["cat", "dog", "sheep", "rat", "elephant", "dolphin"];

10. 스플라이스()
JavaScript 메소드 splice()는 어디에나 새 요소를 추가할 수 있으며 모든 요소를 ​​삭제할 수도 있습니다.

var smallAnimals = ["cat", "dog", "sheep", "rat"];
var removed = smallAnimals.splice(2, 1, “elephant”, “dolphin”);
console.log(smallAnimals);
console.log(removed);
output: ["cat", "dog", "elephant", "dolphin", "rat"];
output: “sheep”

var removed = smallAnimals.splice(2, 1, “elephant”, “dolphin”);

첫 번째 매개변수 2는 시작 인덱스를 지정하고 두 번째 매개변수 1은 시작점에서 삭제할 요소 수를 지정하고 splice()는 제거된 항목을 반환합니다.

11. 슬라이스()
JavaScript 메서드 splice()는 배열의 일부로 새 배열을 만들 수 있으며 splice()는 요소를 삭제하지 않습니다. 두 개의 매개변수를 얻을 수 있습니다.

var smallAnimals = ["cat", "dog", "sheep", "rat", "elephant", "dolphin"];
var new = smallAnimals.slice(1, 3);
var new2 = smallAnimals.slice(3);
var new3 = smallAnimals.slice(0);
console.log(new);
console.log(new2);
console.log(new3);
output: ["dog", "sheep", "rat"];
output: ["rat"];
output: ["cat"];

var new = smallAnimals.slice(1, 3);

여기서 첫 번째 매개변수는 색인 번호를 지정하고 두 번째 매개변수는 색인의 요소 수를 지정합니다. 하나의 매개변수를 사용할 때 해당 인덱스 요소를 선택합니다.

JavaScript Number method

변수를 숫자로 변환하는 데 사용할 수 있는 3가지 JavaScript 숫자 메서드가 있습니다.
1. 숫자()
이 방법은 일반적으로 문자열을 숫자로 변환합니다.

console.log(number(true)); output: 1
console.log(number(true)); output: 0
console.log(number("23")); output: 23
console.log(number("23  ")); output: 23
console.log(number("23.45")); output: 23.45
console.log(number("34, 43")); output: NaN
console.log(number("cat")); output: NaN

2. parseInt()
이 메서드는 문자열을 정수로 구문 분석합니다. 공간을 허용할 수 있습니다. 그리고 첫 번째 숫자만 구문 분석할 수 있습니다.

parseInt("-10"); output: -10
parseInt("-10.33"); output: -10
parseInt("10"); output: 10
parseInt("10.33"); output: 10
parseInt("10 20 30"); output: 10
parseInt("10 years"); output: 10
parseInt("years 10"); output: NaN

3. parseFloat()
이 메서드는 문자열을 숫자로 구문 분석합니다. 공간을 허용할 수 있습니다. 그리고 첫 번째 숫자만 구문 분석할 수 있습니다.

parseFloat("-10"); output: -10
parseFloat("-10.33"); output: -10.33
parseFloat("10"); output: 10
parseFloat("10.89"); output: 10.89
parseFloat("10 20 30"); output: 10
parseFloat("10 years"); output: 10
parseFloat("years 10"); output: NaN