'Javascript'에 해당되는 글 49건

2차원 배열 만들기 - 크락포드의 코드

- 자바스크립트는 1차원 배열만 제공한다

- 배열의 배열을 이용하여 2차원 배열을 만든다

1. 기본 2차원 배열

function check() { var nums = [[1,2,3],[23,24,25],31,32,33]; document.write(nums[0][1]); }

- 2

2. 크락포드의 코드

Array.matrix = function(rows, cols, init){ var arr = []; for(var i = 0; i<rows; ++i){ var col = []; for(var j = 0; j<cols; ++j){ col[i] = init; } arr[i] = col; } return arr; } var arry = Array.matrix(3,3,1); document.write(arry[1][1]); arry[1][1] = 4; document.write(arry[1][1]);  

- 1

- 4

- 복잡해 보여도 결국 이중for문을 이용하여 2차 배열의 형태를 만든 것이다

- 배열 객체를 함수로 확장

배열 요소 중 특정 값 만을 골라 내서 배열로 반환하라 - filter()

- filter : boolean 함수를 만족하는 요소를 포함하는 배열반환

- filter(boolean 함수)

1. 구현

1) 짝수만 배열로 반환

function check() { var nums = [1,2,3,4,5,6,7,8,9,10]; var even = nums.filter(isEven); document.getElementById("result").innerHTML = even; } function isEven(num){ return num % 2 == 0; }

2) 점수가 60점 이상인 것만 배열로 반환

function check() { var nums = [10,20,80,4,60,100]; var pass = nums.filter(passing); document.getElementById("result").innerHTML = pass; } function passing(num){ return num >= 60; }

배열의 각 요소를 5씩 더하여 배열 형태로 반환 하라 - map()

- map() : forEach()함수처럼 배열의 각 요소에 함수를 적용하지만 결과가 배열 형태로 반환된다

- map(특정함수)

1. 구현

function check() { var words = ['I ','LIKE ','A ','APPLE']; var nums = [1,2,3]; var sentence = words.map(first); var adds = nums.map(add); document.getElementById("result").innerHTML = sentence.join(""); document.getElementById("result1").innerHTML = adds; } function first(word){ return word[0]; } function add(num){ return num + 5; }

- ILAA : 각 문자 배열의 첫 단어만 선택하고 join()을 이용하여 문자열 형태로 반환

배열의 요소를 모두 더해라 - reduce()/reduceRight()

- reduce() : 누적자 함수를 인자로 받은 다음 배열의 모든 요소를 누적자 함수에 적용

- 문자열 연결도 가능하다

- reduceRight(): 오른쪽 값부터 누적 된다

- reduce(누적자함수)

1. 구현

function check() { var nums = [1,3,5]; var words = ['I ','LIKE ','A ','APPLE']; var total = nums.reduce(add); var sentence = words.reduce(add); document.getElementById("result").innerHTML = total; document.getElementById("result1").innerHTML = sentence; } function add(total, value){ var total = total + value; return total; }

- add()는 누적자 함수 이다

- 9

- I LIKE A APPLE

- reduceRight()를 했다면 APPLE A LIKE I 가 됬을 것이다