Javascript (24) 썸네일형 리스트형 [Javascript] find( ) / findIndex( ) find(function(){ return ~~; }); find( ) 메서드에 주어진 판별 함수 안에서 만족하는 첫번째 요소의 값을 반환한다. 만족하는 요소가 없으면 undefined를 반환한다. findIndex(function(){ return ~~; }); findIndex( ) 메서드는 주어진 판별 함수 안에서 만족하는 첫번째 요소에 대한 인덱스를 반환한다. 만족하는 요소가 없으면 -1을 반환한다. [Javascript] Object.entries( ) Object.entries( ) 객체가 가지고 있는 모든 속성과 값을 키와 값 쌍으로 배열 형태로 만들어 준다. 즉 모든 속성과 값을 배열로 반환한다! [Javascript] 로또추첨기 setTimeout부분은 나중에 클로즈를 배운다음에 수정할 예정이다. 당첨 번호를 1초에 하나씩 보여준다. https://www.inflearn.com/course/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EA%B2%8C%EC%9E%84-%EA%B0%9C%EB%B0%9C/dashboard 웹 게임을 만들며 배우는 자바스크립트 - 인프런 본 강의에서는 자바스크립트를 활용해 프로그래밍하는 연습을 할 것입니다. 웹 게임인 구구단을 시작으로 끝말잇기, 숫자 야구, 틱택토, 로또 추첨기, 가위바위보, 지뢰 찾기, 카드 짝맞추기 게� www.inflearn.com [Javascript] sort( ) sort() 자바스크립트에서 제공해주는 배열안의 원소를 정렬해주는 내장함수이다. 그러나 문자의 순서로 정렬이 되기 때문에 숫자의 크기대로 나오지 않는다. array.sort(function( a , b){ return a - b; }); 예를 들어, ( 7, 3 ) 또는( 7, 8 ) 들어왔다고 하쟈. 7-3 = 4 0보다 크므로 순서를 바꾼다. 7-8 = -1 0보다 작으므로 순서를 바꾸지 않는다. 즉, 정렬할 요소의 값을 뺐을때 음수면 순서를 바꾸지 않고 양수면 순서를 바꾼다. 이런 순서를 거쳐서 정렬이 된다. 이 과정은 오름차순이고 반대로, 요소를 a , b로 주었을 때, return b - a하면 내림차순이 되는것이다!! 객체 정렬 sort함수는 따로 복제본을 만드는 것이 아니라 원본 배열을 변경.. [Javascript] map() arr.map(callback(){ return }); map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 적용하고 호출한 결과를 모아 새로운 배열에 반환한다. 몇일전에 forEach문을 이용해서 배열생성을 했는데 별로 좋은 방법이 아니고, 이럴땐 맵핑을 해주는게 더 좋은 방법이라고 한다. 저번에 했을 때 Array()를 이용해 빈 배열을 먼저 만든 후 거기에 값을 넣어주었다. [undefined,undefined,undefined] [Javascript] fill( ) 메서드 fill() 메서드는 배열의 모든 요소에 정적인 값으로 채워준다. arr.fill( value , start , end ); value는 배열을 채울 값이다. start는 시작 인덱스를 의미한다. 이때 기본값은 0이다. end는 끝 인덱스로 기본값은 this.length이다. 만약 start가 음수라면 배열의 길이 + start end가 음수라면 배열의 길이 + end 1번- 매개변수가 value만 있다. 배열의 모든 요소를 5로 바꿔주면 된다. 2번- 매개변수로 value와 start만 있기 때문에 끝위치는 생각해 줄 필요 없다. 시작 위치가 인덱스 1이므로, 배열[1]부터 끝까지 5로 채워주면 된다. 3번- 시작 위치는 1, 끝 위치는 2이므로 배열[1]만 5로 바꿔준다. 끝위치로 지정해준 배열[2].. [Javascript] forEach문, Array( ), fill( ) 1. array.forEach( function(value, index, array ){ }); value는 해당 배열의 모든 요소 index는 해당 배열의 위치(순서) array는 해당 배열 자체를 의미한다. * 배열의 요소만 사용하고 싶다면 매개변수를 value만 주면 되지만, array를 사용하고 싶다면, value와 index를 사용하지 않는다고 하더라도 매개변수안에 넣어주어야한다. index도 마찬가지로 매개변수로 array는 넣어줄 필요 없지만 value는 꼭 넣어줘야한다. 2. forEach문을 이용하여 배열 값 뿌려주기 Array(숫자)를 이용하여 빈배열을 만들 수 있다. 이때 만들어진 배열의 값은 empty를 가지게 된다. 보통은 [ ] 를 이용해서 배열을 만들지만 숫자가 큰 배열을 만들.. [Javascript] append( ) VS appendChild( ) Append( ) VS AppendChild( ) 1. append()는 Node Object와 Dom String 을 추가할 수 있지만 appendChild()는 오직 Node Object만 추가 할 수 있다. appendChild()를 이용해 Dom string을 추가하려고 하면 에러가 뜬다. Uncaught TypeError : Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node' 매개변수의 값이 Node가 아니라고 에러가 뜨는것을 확인 할 수 있었다. 2. append()는 값을 반환할 수 없지만 appendChild()는 Node Object를 반환 할 수 있다. 3. append()는 여러개의 값을 함께 추가할.. 이전 1 2 3 다음
