1. Array 정의

같은 종류의 데이터들이 순서를 가지고 저장되는 자료구조를 나타냅니다. 배열은 순서를 가지고 있기 때문에 임의의 위치에 있는 데이터의 위치만 알면 바로 값을 가져올 수 있습니다. 


2. Array 선언

선언과 동시에 데이터를 초기화할 수도 있고 선언 이후에 index 값을 이용하여 초기화할 수도 있습니다.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
let array1 = new Array(1, 2, 3)
let array2 = [1, 2, 3]
 
console.log(array1) // [1, 2, 3]
console.log(array2) // [1, 2, 3]
 
let array3 = new Array();
array3[0] = "a";
array3[1] = "b";
array3[2] = "c";
 
let array4 = [];
array4[0] = "a";
array4[1] = "b";
array4[2] = "c";
 
console.log(array3) // ["a", "b", "c"]
console.log(array4) // ["a", "b", "c"]
cs


3. Array length(크기, 길이)

배열의 길이는 선언한 배열 안에 데이터의 갯수를 나타냅니다.


1
2
3
4
5
6
7
let array1 = new Array(1, 2, 3)
let array2 = [1, 2]
 
console.log(array1.length) // 3
console.log(array2.length) // 2
 
console.log(array1[array1.length-1] // 3, 마지막 위치의 데이터
cs

4. Array index(번호)

배열은 순서를 가지고 있는 구조이고 위치값(번호)을 이용하여 데이터를 초기화하거나 가져올 수 있습니다.

이때 배열의 시작은 0 부터 시작합니다.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
let array1 = new Array(1, 2, 3)
let array2 = [1, 2, 3]
 
console.log(array1[0]) // 1
console.log(array2[1]) // 2
 
let array3 = new Array();
array3[0] = "a";
array3[1] = "b";
array3[2] = "c";
 
let array4 = [];
array4[0] = "a";
array4[1] = "b";
array4[1] = "c";
 
console.log(array3) // ["a", "b", "c"]
console.log(array4) // ["a", "c"]
cs

5. 예제보기


6. 관련링크

[javascript] 배열 추가 삭제 array 다루기

[javascript] 문자열 자르기, split, split()

javascript json get value, get key json 키 밸류

[javascript] 문자열 비교

javascript 콜백 함수 callback function, 함수 리턴


저작자표시 비영리 변경금지

'javascript' 카테고리의 다른 글

[javascript] 자바스크립트 배열 array 유용한 함수 map  (0) 2020.02.19
자바스크립트 javascript array to string 배열을 문자로 변경  (0) 2020.02.04
javascript 콜백 함수 callback function, 함수 리턴  (0) 2016.02.03
[javascript] 문자열 비교  (0) 2016.02.01
[javascript] 자바스크립트 배열 추가 삭제 array 다루기  (0) 2016.01.29

javascript의 배열 추가 삭제 사용법에 대해서 알아보겠습니다.


javascript push() splice() 함수를 사용해서 추가 삭제를 해보겠습니다.


push()는 배열의 맨 뒤에 object를 추가하고


splice(시작위치, 길이)는 배열의 시작위치에서 길이 만큼 배열을 삭제합니다. 


소스와 예제를 통해서 알아보겠습니다


- html

<span id="first"></span>
<span id="second"></span>
<span id="third"></span>
<div id="add"></div>
<div id="remove"></div>

- javascript


$(document).ready(function () {
var array = ["사과", "바나나", "우유", "딸기", "키위"];
  
  $("#first").append(array[0]);
  $("#second").append(array[1]);
  $("#third").append(array[2]);
  
  // 배열 토마토 추가
  array.push('토마토');
  
  var add = "";
  for (var i=0; i<array.length; i++) {
   addhtml += array[i];
  }
  $("#add").append(add);
  
  // 3번째 순서 배열(우유) 삭제
  array.splice(2,1);
  var remove = "";
  for (var i=0; i<array.length; i++) {
   remove += array[i];
  }
  $("#remove").append(remove);
});


 





예제보기


push() 함수를 이용하여 배열의 마지막에 Object를 추가할 수 있고


splice(2, 1) 0 1 2 의 2번부터 1 의 길이 만큼 삭제했기 때문에 우유 object만 삭제가 된걸 확인할 수 있습니다.


splice의 시작 위치와 길이에 대해서 정확히 알아두고 적절하게 사용하세요~



저작자표시

'javascript' 카테고리의 다른 글

javascript 콜백 함수 callback function, 함수 리턴  (0) 2016.02.03
[javascript] 문자열 비교  (0) 2016.02.01
[javascript] 자바스크립트 json push, input value, 값 넣기  (0) 2016.01.25
[javascript] 자바스크립트 json get value, get key json 키 밸류  (0) 2016.01.22
[javascript] 자바스크립트 날짜 설정, 날짜 더하기, 빼기  (2) 2016.01.21

+ Recent posts

티스토리툴바