'Javascript/Array'에 해당되는 글 19건

배열에 요소 추가/제거 하기 - 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; }  

배열의 요소들을 문자열로 만들어라 - join(), toString()

- 배열에 값들을 문자열로 반환한다

- 두 함수는 같은 역할을 한다

- join(구분자)

1. Example

function checkName() { var name = [1,"aaa",1.4]; var str = name.join(); document.getElementById("result").innerHTML = str; }

- 1,aaa,1.4 문자열로 반환

- join('/') 이렇게 했다면 1/aaa/1.4 반환

배열의 특정 단어 찾기 - indexOf()

- indexOf() 를 이용하여 배열안의 특정 단어를 찾는다

- 단어가 있다면 인덱스 번호를, 없다면 -1을 반환

1. 구현

function checkName() { var name = ["kyle", "tom", "sam"]; var result = name.indexOf(document.getElementById("name").value); if (result >= 0) { document.getElementById("result").innerHTML = 'find it'; } else { document.getElementById("result").innerHTML = ' Not find it'; } }