'Javascript'에 해당되는 글 49건

배열의 순서를 뒤집어라 - revers()

- reverse()를 이용하여 배열의 순서를 뒤집을 수 있다

1. 구현

function check() { var nums = [1,2,3,4,5]; var nums2 = ["kyle","tom","jerry"]; nums.reverse(); nums2.reverse(); document.getElementById("result1").innerHTML = nums2; document.getElementById("result").innerHTML = nums; }

- 숫자, 문자등 상관없이 순서를 뒤집는다

- 5,4,3,2,1

- jerry,tom,kyle

 배열 중간에 요소 추가/삭제 - splice()

- 배열 중간에 요소를 추가/삭제 한다면 배열의 이동이 필요하다

- splice()를 이용하면 추가/삭제와 배열의 이동을 한번에 해결 할 수 있다

- splice(시작인덱스, 삭제할 요수의 개수(추가시 0), 배열에 추가할 요소)

1. 추가

function check() { var nums = [1,2,3]; var newNum = [4,5]; nums.splice(1,0,newNum); document.getElementById("result").innerHTML = nums; }

- 1,4,5,2,3

2. 삭제

function check() { var nums = [1,2,3]; nums.splice(1,2); document.getElementById("result").innerHTML = nums; }

- 1

배열에 요소 추가/제거 하기 - push()/pop(), unshift()/shift()

- push()/pop()를 이용하여 배열의 마지막에 요소를 추가/제거 할 수 있다

- unshift()/shift()를 이용하여 배열의 앞에 요소를 추가/제거 할 수 있다

- pop()/shift()는 제거요소를 반환한다, 만약 제거된 요소가 필요하다면 사용 가능

1. push()/pop()

function check() { var nums = [1,2,3]; nums.push(4); var pop = nums.pop(); document.getElementById("result").innerHTML = nums; } </textara> <br /></span></p>

- 1,2,3

- push()를 사용하는 것이 nums[nums.length] = 6 보다 직관적이다

2. unshift()/shift()

function check() { var nums = [1,2,3]; nums.unshift(4); var shift = nums.shift(); document.getElementById("result").innerHTML = nums; }

- 1,2,3

- 배열은 앞에 요소를 추가/삭제 할 시, 기존에 있던 요소들을 한 칸 씩 뒤/앞 밀어야한다

- unshift()를 이용함으로서 수고로움을 덜 수 있다

배열을 이용해서 배열을 만들어라?! - concat(), splice()

- concat()은 두 배열을 합쳐서 하나의 배열을 만든다

- splice() 인덱스 번호를 이용하여 배열을 나누거나 수정 하여 다른 배열을 만든다.

1. concat()

function checkName() { var oldArry = ["Tom","Kyle","Jessy"]; var newArry = ["John","Peggy","Harry"]; var sumArry = oldArry.concat(newArry); document.getElementById("result").innerHTML = sumArry; }

- Tom,Kyle,Jessy,John,Peggy,Harry

2. splice()

function checkName() { var oldArry = ["Tom","Kyle","Jessy","John","Peggy","Harry"]; var newArry = oldArry.splice(0,2); document.getElementById("result").innerHTML = newArry; document.getElementById("result1").innerHTML = oldArry; }