JavaScript131 함수유형 Javascript 함수 유형 종류 1) 객체 생성자 함수 2) 프로트 타입 함수 3) 객체 리터럴 함수 생성자 함수(constructor)란 new 연산자와 함께 호출하여 객체(인스턴스)를 생성하는 함수를 말한다. 생성자 함수에 의해 생성된 객체를 인스턴스(instance)라 한다. function func(num, name, com) { this.num = num; // const 생략 this.name = name; this.com = com; this.result = function () { document.write(this.num + ". " + this.name + this.com + " "); // 여기까지만 하게 되면 실행이 안됩니다. } } // 일반 함수와 다르다 보니 실행하는 법도 .. 2022. 8. 22. 검색 이펙트 두번째 검색 이펙트 html 태그, css 속성, javascript 의 메서드 를 검색하여 찾아볼수있습니다. 원본 사이트 보기 원본 소스 보기 1.HTML 코드 HTML에서 js를 동작하기위한 class이름과 input등을 적절히 사용하여 사용자가 알아보기쉽게 표현해야합니다. 코드 보기 indexOf()를 이용하여 CSS 속성 검색하기 CSS 속성 검색하기 검색하기 플렉스, 애니메이션, 백그라운드 기타 등등 유형 별로 검색해보세요! 전체 속성 갯수 : 0 accent-color : 특정 요소에 색상을 지정할 때 사용됩니다. align-content : 콘텐츠 아이템의 상하관계 정렬 상태를 설정합니다. align-items : 콘텐츠 아이템의 내부 상하관계 정렬 상태를 설정합니다. align-self : 개별적.. 2022. 8. 17. concat() concat() 둘 이상의 문자를 결합하고 새로운 문자열을 반환한다. concat() "문자열".replace(찾을 문자열, 변경할 문자열) "문자열".replace(정규식) "문자열".replace(정규식, 변경할 문자열) const str1 = "javascript"; const currentStr1 = str1.concat("reference"); // javascriptreference const currentStr2 = str1.concat(" ", "reference"); // javascript reference const currentStr3 = str1.concat(",", "reference"); // javascript,reference const currentStr4 = str1.c.. 2022. 8. 17. includes( ) includes( ) 배열이 특정 요소를 포함하고 있는지 판별하고 참과 거짓으로 반환합니다. "문자열".includes(검색값) "문자열".includes(검색값, 시작값) const str1 = "javascript reference"; const currentStr1 = str1.includes("javascript"); // 참 (true) const currentStr2 = str1.includes("j"); // 참 (true) const currentStr3 = str1.includes("b"); // 거짓 (false) const currentStr4 = str1.includes("reference"); // 참 (true) const currentStr5 = str1.includes("re.. 2022. 8. 17. padStart( ) | padEnd( ) padStart( ) | padEnd( ) 주어진 길이에 맞게 앞 / 뒤 문자열을 채우고, 새로운 문자열을 반환합니다. "문자열".padStart(길이) "문자열".padStart(길이, 문자열) const currentStr1 = str1.padStart(1); // 456 const currentStr2 = str1.padStart(1, "0"); // 456 const currentStr3 = str1.padStart(2, "0"); // 456 const currentStr4 = str1.padStart(3, "0"); // 456 (길이 값이 3이기 때문에 여기까진 그대로 나온다.) const currentStr5 = str1.padStart(4, "0"); // 0456 (원래 문자열의 길이를.. 2022. 8. 17. repeat() repeat( ) 문자열을 주어진 횟수만큼 반복해 붙인 새로운 문자열을 반환합니다. "문자열".replace(찾을 문자열, 변경할 문자열) "문자열".replace(정규식) "문자열".replace(정규식, 변경할 문자열) const str1 = "javascript"; const currentStr1 = str1.repeat(0); // 아무것도 나오지 않는다. const currentStr2 = str1.repeat(1); // javascript const currentStr3 = str1.repeat(2); // javascriptjavascript 2022. 8. 17. 이전 1 ··· 13 14 15 16 17 18 19 ··· 22 다음 728x90 반응형
