[ Javascript ] - 기본 함수

1. concat( )

여러 배열을 합쳐서 새로운 배열을 반환해주는 함수이다.

const arr1 = ["a", "b", "c"];
const arr2 = ["d", "e", "f"];
const arr3 = arr1.concat(arr2, 'g');

console.log(arr3);

// [ 'a', 'b', 'c', 'd', 'e', 'f', 'g' ]

const str1 = 'hello';
const str2 = 'world';

console.log(str1.concat(" ",str2));
// 이와 같이 string을 붙이는 것도 가능하다.

---

2. push( )

배열의 끝에 새로운 요소를 추가하고, 요소가 추가된 전체 배열을 반환한다.

const arr1 = ['apple', 'mango'];
const value = arr1.push('banana');

console.log(value);
// 3
console.log(arr1);
// [ 'apple', 'mango', 'banana' ]

---

3. pop( )

배열의 마지막 요소를 제거하고, 제거된 요소를 반환하여 준다.

빈 배열인 경우에는 undefined를 반환하여준다.

const arr1 = ['apple', 'mango', 'banana'];
const value = arr1.pop();

console.log(value);
// banana
console.log(arr1);
// [ 'apple', 'mango']

---

4. unshift( )

배열의 맨 앞에 새로운 요소를 추가하고, 새로운 요소가 추가된 배열의 전체를 반환한다. 앞의 요소를 추가할 뿐 아니라 기존의 요소들을 한 칸씩 뒤로 밀어야하기 때문에 효율성이 떨어진다.

const arr1 = ['apple', 'mango'];
const value = arr1.unshift("banana");

console.log(value);
// 3
console.log(arr1);
// [ 'banana', 'apple', 'mango']

---

5. shift( )

배열의 맨 앞에 있는 요소를 제거하고, 제거된 요소를 반환하여 준다. 앞의 요소를 제거할 뿐 아니라 기존의 요소들을 한 칸씩 앞으로 땡겨와야 하기 때문에 효율성이 떨어진다.

const arr1 = ['banana', 'apple', 'mango'];
const value = arr1.shift();

console.log(value);
// banana
console.log(arr1);
// ['apple', 'mango']

---

5. splice()

특정 인덱스 지점부터 원하는 배열 요소를 제거한다.

const num = [1, 2, 3, 4, 5];
const sliceNum = num.splice(2, 1);
// 인덱스 2의 위치에서 요소 1개를 제거한다.
// 참고로 배열의 인덱스는 0에서 시작한다.

console.log(num);
// [1, 2, 4, 5]

console.log(sliceNum)
// [3]

---

6.  join()

배열 요소를 모두 더해 문자열로 만들어 준다. 인자값을 주면 해당 인자값을 각 배열의 요소뒤에 넣은 후 문자열로 생성한다.

const arr = [ 'my ', 'name', ' is' ];

const reuslt = arr.join('');

console.log(result);
// my name is

const result2 = arr.json(';');

console.log(result2);
// my;name;is

---

6.  slice()

배열을 얕은 복사하여 반환하여 준다.

const language = ['javascript', 'c++', 'java', 'Go', 'Rust'];

console.log(language.slice());
// ['javascript', 'c++', 'java', 'Go', 'Rust']

console.log(language.slice(2));
// ['javascript', 'c++', 'java']
// 인덱스의 시작부터 2인덱스까지 복사한다.

console.log(lanauage.slice(3,1));
// ['Go']
// 3인덱스에서 1개를 복사한다.

---

6.  reduce()

// arr.reduce((accumulator, item, ind, arr)=>{}, [함소 호출시 초기값])

 

* 성능 측면에서 push와 pop이 shift와 unshift보다 빠르다. push와 pop은 맨 뒤에 값만 넣어주거나, 제거하는 작업이지만, shift와 unshift는 맨 앞의 요소에 대한 작업 뿐 아니라 뒤에 이어진 요소들도 땡기거나 밀어줘야 하기때문에 더 느리다.