배열 메서드는 결과물을 반환하는 패턴이 두 가지 이다. 원본배열을 직접 변경하는 메서드와, 원본 배열을 직접 변경하지 않고 새로운 배열을 생성하여 반환하는 메서드가 있다. 1. Array.isArray Array.isArray는 전달된 인수가 배열이면 true, 배열이 아니면 false를 반환한다. 2. Array.prototype.indexOf Array.prototype.index 는 원본 배열에서 인수로 전달된 요소를 검색하여 인덱스를 반환한다. - 원본 배열에 인수로 전달한 요소와 중복되는 요소가 여러 개 있다면, 첫 번째로 검색된 요소의 인덱스를 반환한다.- 원본 배열에 인수로 전달한 요소가 존재하지 않으면 -1을 반환한다. const arr=[1,2,2,3]; arr.indexOf(2); //..

window.onload = function() { const u1 = { name: 'Cynthia' }; const u2 = { name: 'Jackson' }; const u3 = { name: 'Olive' }; const u4 = { name: 'James' }; const userRoles = new Map(); userRoles.set(u1, 'User'); userRoles.set(u2, 'User'); userRoles.set(u3, 'Admin'); userRoles.get(u1); //User userRoles.has(u1); //true userRoles.size; // (요소의 갯수를 반환) userRoles.keys(); // 이터레이터는 순회할수 있음(for..of) // Ar..

BUTTON 위 코드를 전제로, window.onload=function(){ console.log(document.forms); } //[form, formBox: form] //HTMLCollection window.onload=function(){ console.log(document.formBox); } //... //HTMLFormElement window.onload=function(){ for(let i of document.formBox){ console.log(i); } } /* BUTTON */

Box 1 Box 2 Box 3  HTMLCollection" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스- 유사배열이면서 이터러블한 객체.- document객체의 메서드들로 접근한 요소들의 컬렉션.- DOM의 상태에따라 실시간으로 업데이트 되는 동적인 컬렉션.Paragraph 1Paragraph 2Paragraph 3NodeList" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스- 유사배열이면서 이터러블한 객체.- CSS선택자로 접근한 요소들의 컬렉션.- DOM의 상태에따라 실시간으로 업데이트 되지않는 정적인 컬렉션.