JavaScript(12)
-
Array.sort()
fluorite94.tistory.com/220 [Java Script / 자바 스크립트] 정렬 sort 함수 사용 방법 자바 스크립트 배열의 내장 함수에는 정렬을 위한 sort() 함수가 있습니다. 문자, 숫자, Object 정렬 방법들입니다. 1. 문자 정렬 var arr = ["bbb", "ddd", "aaa", "ccc"]; arr.sort(); 일반적인 정렬 방법입니.. fluorite94.tistory.com sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. 정렬은 stable sort가 아닐 수 있습니다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따릅니다.
2020.12.23 -
DOM 기초
DOM은 웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할을 담당합니다. 자바스크립트가 DOM을 통해서 웹페이지에 접근할 수 있습니다. DOM : document object model 웹페이지의 문서(document) 와 문서의 요소(element) 에 접근하기 위해 DOM 이 사용된다. DOM 은 프로그래밍 언어는 아니지만 DOM 이 없다면 자바스크립트 언어는 웹 페이지 또는 XML 페이지 및 요소들과 관련된 모델이나 개념들에 대한 정보를 갖지 못하게 된다. 문서의 모든 element - 전체 문서, 헤드, 문서 안의 table, table header, table cell 안의 text - 는 문서를 위한 document object model 의 한 부분이다. 때문..
2020.12.22 -
ES6 : Array 메소드 find, filter
find() find() 함수로 array안의 특정 값을 찾을 때. // gmail을 찾기. let email = [ "dbk03053@naver.com", "powsa87@naver.com", "dchoi1953@gmail.com", "nomad@nomadCode.net" ]; let foundMail = email.find(item => item.includes("@gmail.com")); console.log(foundMail); filter() filter : 제공된 함수의 조건을 만족한 모든 elements로 새로운 array를 만든다. 때문에 첫번째 element 뿐만이 아니라 모든 element 를 반환한다. (조건을 통과한 elements 들을 가지고 새로운 배열을 만듬.) // @gmai..
2020.10.18 -
ES6
1. array helper Methods with arrow function youtu.be/pjMNae2G1Aw let array = [2,5,3,7,9,10]; array.concat(100); // or array.concat([5,2,33,{name : "WonKeun"},2000,30]); // ------------ array.map(x => x * 10); array.filter(x => x % 2 === 0); array.filter(x => false;) array.reduce((acc,cur) => acc + cur); 2. function, object, this youtu.be/2rsjlHAt1lw let information = { name : "WonkeunChoi", age ..
2020.09.23 -
pop() 과 push()
pop() MDN Array.prototype.pop() pop() 메서드는 배열에서 마지막 요소를 제거하고 그 요소를 반환합니다. developer.mozilla.org 배열에서 마지막 요소를 제거하고 그 요소를 반환합니다. const numBox = [ 1, 2, 3 ]; const lastItem = numBox.pop(); console.log(lastItem); // 결과 : 3 push() MDN Array.prototype.push() push() 메서드는 배열의 끝에 하나 이상의 요소를 추가하고, 배열의 새로운 길이를 반환합니다. developer.mozilla.org push() 메서드는 배열의 끝에 하나 이상의 요소를 추가하고, 배열의 새로운 길이를 반환합니다.
2020.07.20 -
DOM : getElementById 2020.07.13