'Javascript'에 해당되는 글 49건

배열의 요소들을 문자열로 만들어라 - 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'; } }

배열의 복사 - 얕은 복사 vs 깊은 복사(shallow copy vs deep copy)

1. 얕은 복사(shallow copy) 와 깊은 복사 (deep copy)

- 배열을 복사하지만 얕은 복사는 기존의 값의 레퍼런스를 참조 하기 때문에 만약 기존에 값이 변경된다면 같이 변경된다

2. 얕은 복사 (shallow copy)

var nums = []; for(var i = 0; i<10; i++){ nums[i] = i + 1; } var newArry = nums; console.log("before changing"); console.log(nums[0]); console.log(newArry[0]); console.log("after changing"); nums[0] = 100; console.log(newArry[0]);

- 복사된 배열에 영향을 미친다

3. 깊은 복사 (deep copy)

function copy(arr1, arr2){ for(var i = 0; i<arr1.length; i++){ arr2[i] = arr1[i]; } } var oldArry = []; for(var i = 0; i<10; i++){ oldArry[i] = i; } var newArry = []; copy(oldArry, newArry); oldArry[0] = 1000; console.log(oldArry[0]); console.log(newArry[0]);  

문자열 분리하기 - split()

- 특정 문자열을 split() 함수를 이용하여 배열에 넣는다

1. Example

var sentence = "Hello welcome to my world"; var words = sentence.split(" "); for(var i = 0 ; i<words.length; i++){ console.log("word: "+words[i]); }

- split() 안에 특정 구분자를 이용하여 분리한다

- var words 는 자동으로 배열이 된다