array function

array function

■ push( ) → 배열의 끝에 data 삽입

■ pop( ) → 배열의 끝에 data 삭제

■ unshift( ) → 배열의 시작에 data 삽입

■ shift( ) → 배열의 시작에 data 삭제

■ splice(start, num) → 지정 위치에서 지정 개수 만큼 data 삭제

■ concat( ) → 두 개의 배열을 합쳐서 반환

■ indexOf( ) → 전달한 값이 배열의 몇 번째 요소인지 알려준다.(앞에서 먼저 나온 값)

■ lastindexOf( ) → 전달한 값이 배열의 몇 번째 요소인지 알려준다.(뒤에서 먼저 나온 값)

■ includes( ) → 전달한 값이 배열의 요소인지 아닌지 알려준다.(boolean)

■ join( ) → 배열을 문자열로 변환

■ split( ) → 문자열을 배열로 변환

■ reverse( ) → 반전된 배열을 반환 / 해당 배열의 순서도 반전

■ slice(start, end ) → 전달한 값에 맞춰 배열을 반환

 

■ push( ) → 배열의 끝에 요소 추가

===============

<script>

var arr = [ "apple", "banana"];

arr.push("kiwi");

document.write(arr);

</script>

===============

 

※ 출력

apple,banana,kiwi

 

■ pop( ) → 배열의 끝 요소 삭제

===============

<script>

var arr = [ "apple", "banana"];

arr.pop();

document.write(arr);

</script>

===============

 

※ 출력

apple

 

■ unshift( ) → 배열의 시작에 요소 삽입(배열 요소를 전부 이동시키기 때문에 push보다 느리다)

===============

<script>

var arr = [ "apple", "banana"];

arr.unshift("kiwi");

document.write(arr);

</script>

===============

 

※ 출력

kiwi,apple,banana

 

■ shift( ) → 배열의 시작에 요소 삭제(배열 요소를 전부 이동시키기 때문에 pop보다 느리다)

===============

<script>

var arr = [ "apple", "banana"];

arr.shift();

document.write(arr);

</script>

===============

 

※ 출력

banana

 

■ splice( ) → 지정 위치에서 지정 개수 만큼 요소를 지운다(개수를 지정하지 않으면 끝까지 삭제)

===============

<script>

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

arr.splice(2, 1);

document.write(arr);

arr.splice(1);

document.write("<br>");

document.write(arr);

</script>

===============

 

※ 출력

1,2,4,5

1

 

■ concat( ) → 두 개의 배열을 합쳐서 반환

===============

<script>

var arr1 = [ 1, 2];

var arr2 = [ 3, 4, 5];

var arr = arr1.concat(arr2);

document.write(arr);

</script>

===============

 

※ 출력

1,2,3,4,5

 

■ indexOf( ) → 전달한 값이 배열의 몇 번째 요소인지 알려준다.(앞에서 먼저나온 값)

===============

<script>

var arr = ["banana", "apple", "kiwi", "apple"];

var num = arr.indexOf("apple");

document.write(num);

</script>

===============

 

※ 출력

1

 

■ lastIndexOf( ) → 전달한 값이 배열의 몇 번째 요소인지 알려준다.(뒤에서 먼저나온 값)

===============

<script>

var arr = ["banana", "apple", "kiwi", "apple"];

var num = arr.lastIndexOf("apple");

document.write(num);

</script>

===============

 

※ 출력

3

 

■ includes( ) → 전달한 값이 배열의 요소인지 아닌지 알려준다(boolean)

===============

<script>

var arr = ["banana", "apple", "kiwi"];

document.write(arr.includes("apple"));

document.write("<br>");

document.write(arr.includes("peach"));

</script>

===============

 

※ 출력

true

false

 

■ join( ) → 배열을 문자열로 변환(구분자를 지정하지 않으면 " , "가 defalt 값이다.

===============

<script>

var arr = ["I", "like", "fruits"];

document.write(arr.join());

document.write(arr.join(" "));

</script>

===============

 

※ 출력

I,like,fruits

I like fruits

 

■ split( ) → 문자열을 배열로 변환

===============

<script>

var arr = "I like fruits";

document.write(arr.split(" "));

document.write("<br>");

document.write(arr.split()); //구분자를 지정하지 않으면 전체 문자열을 배열 요소로 한다.

document.write(arr.split(" ", 2)); //limit을 지정해주면 배열 요소를 선택적으로 받을 수 있다.

</script>

===============

 

※ 출력

I,like,fruits

l like fruits

I,like

 

■ reverse( ) → 배열의 요소 순서를 반전 / 해당 배열 요소의 순서도 반전

===============

<script>

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

var arr1 = arr.reverse();

document.write(arr1);

document.write("<br>");

document.write(arr);

</script>

===============

 

※ 출력

5,4,3,2,1

5,4,3,2,1

 

■ slice( ) → 전달한 값에 맞춰 배열을 반환

===============

<script>

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

var arr1 = arr.slice(2, 5); // 인데스  2부터 인덱스 5 앞까지 반환

document.write(arr1);

document.write("<br>");

arr1 = arr.slice(2, 4); // 인데스  2부터 인덱스 4 앞까지 반환

document.write(arr1);

</script>

===============

 

※ 출력

3,4,5

3,4