TIL.13 Javascript_초급_3

Array list method 함수 알아보기

// list method 

• POP

var A = [1, 2, 3, 4, 5];

A.pop();

console.log(A);

::

[ 1, 2, 3, 4 ]

// pop() == 배열의 가장 뒷부분 값 삭제

 

---

• PUSH

var B = [1, 2, 3, 4, 5];

B.push(10);

console.log(B);

::

[ 1, 2, 3, 4, 5, 10 ]

// push(값) == 배열의 가장 뒷부분 값 삽입

---

• unshift

var C = [1, 2, 3, 4, 5];

C.unshift(500);

console.log(C);

::

[ 500, 1, 2, 3, 4, 5 ]

// unshift(값) == 배열 앞부분 값 삽입

---

• shift

var D = [1, 2, 3, 4, 5];

D.shift();

console.log(D);

::
[ 2, 3, 4, 5 ]

// shift() == 배열 앞부분 값 삭제

---

• splice (slice와 혼동 주의)

var E = [1, 2, 3, 4, 5, 6, 7, 8];

E.splice(3, 2); /// 4, 5 값 2개 삭제,  인덱스 3번 자리부터 요소 2개 삭제

console.log(E);

::

[1, 2, 3 ,6, 7, 8]

 

var F = [1, 2, 3, 4, 5, 6 ,7 ,8];

F.splice(2, 1, "a", "b"); /// 3 값 1개 삭제 후 인덱스 2번 자리에 a, b 삽입

console.log(F);

::

[1, 2, "a", "b", 4, 5, 6 ,7 ,8]

// splice () == 배열의 특정위치에 요소를 추가하거나 삭제

// splice(index, 제거할 요수 갯수, 배열에 추가될 요소)

---

• slice (splice와 혼동 주의)

var AAA = [1, 2, 3, 4, 5, 6, 7];

var BBB = AAA.slice(3, 6);

console.log(BBB);

::

[4, 5, 6]

// slice () == 배열의 startindex ~ endindex(미포함)에 대한 새로운 배열의 객체로 반환

// slice( startindex, endindex) ==   start <= xx > end

---

• concat

var G = [1, 2, 3];

var H = [4, 5, 6];

var I = H.concat(G);

console.log(I);

::

[4, 5, 6, 1, 2, 3]

// concat () == 다수의 배열을 합치고 병합된 배열의 사본을 반환

// H.concat(G); --> [H, G] 순서로 배열 병합

 

---

• map

var J = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

var K = function(value) {

    return value % 2 === 0;

};

var L = J.map(K);

console.log(L);

::

[ false, true, false, true, false, true, false, true, false, true ]

// map() == 배열의 각 원소별로 지정된 함수를 실행한결과(K)로 구성된 새로운 배열은 반환함.

 

---

• filter

var N = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

var M = function(value) {

    return value % 2 === 0;

};

var O = N.filter(M);

console.log(O);

::

[ 2, 4, 6, 8, 10 ]

// filter() == 지정된 함수의 결과 값을 true로 만드는 원소들로만 구성된 별도의 배열을 반환. (map과 다른점 인지)

---

• sort

var P = [13, 12, 11, 10, 5, 3, 2, 1];

P.sort();

console.log(P);

::

[ 1, 10, 11, 12, 13,  2,  3,  5]

// sort() = 배열의 원소를 알파벳 순으로, 또는 지정된 함수에 따른 순서로 정렬

// 모든 원솔르 문자열로 취급해 사전적으로 정렬!! [ 1, 2, 3 ] (x) , [1, 10, 11, 12] (o) 

// 문자열의 유니코드 코드 포인트를 따른다.

// 원소 배열에서 정렬 되는 것 뿐 새로운 복사본이 만들어지는 것은 아니다.

var Q = [13, 12, 11, 10, 5, 3, 2, 1];

Q.sort(function(a, b) {

    return a - b;

})

console.log(Q);

::

[ 1,  2,  3,  5, 10, 11, 12, 13]

// 우리가 원하는 오름차순 배열을 만들기 위해선 

// (function(a, b), return a - b; ==> 오름차순

// (function(a, b), return b - a; ==> 내림차순

// a, b 순서 --> (13, 12) --> 13-12 = 1 , 0보다 크기때문에 순서를 바꾼다. (12, 13)으로

// (13, 11) --> 13 - 11 = 2, 0보다 크기 때문에 순서 바뀜 ( )

// [12, 13, 11, 10, 5, 3, 2, 1]

// [12, 11, 13, 10, 5, 3, 2, 1]

// [12, 11, 10, 13, 5, 3, 2, 1]

// [12, 11, 10............, 13]

// 이제 (12, 11)로 비교

// [11, 12, 10, 5, 3......, 13]

// [11, 10, 12, .........., 13]

// [11, 10, 5, .........12, 13]

 

 

출처 

blog.302chanwoo.com/2017/08/javascript-array-method/

---