#polyfill 썸네일형 리스트형 자바스크립트(JavaScript) String.prototype.includes() 폴리필(polyfill) 안녕하세요. 루미오입니다. JavaScript는 특정 문자열의 포함여부를 확인하는 includes() 함수를 ES6부터 제공하고 있습니다. 현재 IE에서는 사용할 수 없습니다. 물론 indexOf() 함수를 사용해서 특정 문자열이 포함되었는지 찾을 수 있지만, includes() 함수를 사용한다면 코드가 더 명확해지겠지요. 오늘은 includes() 함수의 폴리필을 만들어 보겠습니다. 순서 ● String.prototype.includes() 폴리필(polyfill) ● String.prototype.includes() 사용법 하단의 → 코드 확인 및 테스트 버튼을 클릭하면 jsfiddle에서 바로 Test해 보실 수 있습니다. String.prototype.includes() 폴리필 if(!String.. 자바스크립트(JavaScript) String.prototype.endsWith() 폴리필(polyfill) 안녕하세요. 루미오입니다. JavaScript는 특정 문자열로 끝나는지 확인하는 endsWith() 함수를 ES6부터 제공하고 있습니다. 현재 IE에서는 사용할 수 없습니다. 물론 lastIndexOf() 함수를 사용해서 특정 문자열로 끝나는지 찾을 수 있지만, endsWith() 함수를 사용하면 코드의 가독성이 좋아지겠지요. 오늘은 ennsWith() 함수의 폴리필을 만들어 보겠습니다. 순서 ● String.prototype.endsWith() 폴리필(polyfill) ● String.prototype.endsWith() 사용법 하단의 → 코드 확인 및 테스트 버튼을 클릭하면 jsfiddle에서 바로 Test해 보실 수 있습니다. String.prototype.endsWith() 폴리필 /* Strin.. 자바스크립트(JavaScript) String.prototype.startsWith() 폴리필(polyfill) 안녕하세요. 루미오입니다.JavaScript는 특정 문자열로 시작하는지 확인하는 startsWith() 함수를 ES6부터 제공하고 있습니다. 현재 IE에서는 사용할 수 없습니다. 물론 indexOf() 함수를 사용해서 특정 문자열로 시작하는지 찾을 수 있지만, startsWith() 함수를 사용하면 코드가 더 명확해지겠지요. 오늘은 startsWith() 함수의 폴리필을 만들어 보겠습니다. 순서 ● String.prototype.startsWith() 폴리필(polyfill) ● String.prototype.startsWith() 사용법 하단의 → 코드 확인 및 테스트 버튼을 클릭하면 jsfiddle에서 바로 Test해 보실 수 있습니다. String.prototype.startsWith() 폴리필 /.. 자바스크립트(JavaScript) String.prototype.trimEnd String.prototype.trimRight 폴리필(polyfill) 안녕하세요. 루미오입니다. 순서 ● trimtrimEnd(), trimRight() 폴리필(polyfill) ● trimtrimEnd(), trimRight() 사용법 하단의 → 코드 확인 및 테스트 버튼을 클릭하면 jsfiddle에서 바로 Test해 보실 수 있습니다. JavaScript는 문자열의 뒤의 공백을 제거하는 trimEnd(), trimRight() 함수를 제공합니다. trimRight()는 trimEnd()의 alias입니다. 하지만 IE에서 전혀 지원하지 않고 Chrome 66 이상 Firefox 61 이상에서만 지원합니다. 그렇기 때문에 호환성을 위해서 동일한 기능의 폴리필을 적용해야 합니다. trimEnd(), trimRight() 폴리필(polyfill) if(!String.prot.. 자바스크립트(JavaScript) String.prototype.trimStart String.prototype.trimLeft 폴리필(polyfill) 안녕하세요. 루미오입니다. 순서 ● trimStart(), trimLeft() 폴리필(polyfill) ● trimStart(), trimLeft() 사용법 하단의 → 코드 확인 및 테스트 버튼을 클릭하면 jsfiddle에서 바로 Test해 보실 수 있습니다. JavaScript는 문자열의 앞의 공백을 제거하는 trimStart(), trimleft() 함수를 제공합니다. trimleft()는 trimStart()의 alias입니다. 하지만 IE에서 전혀 지원하지 않고 Chrome 66 이상 Firefox 61 이상에서만 지원합니다. 그렇기 때문에 호환성을 위해서 동일한 기능의 폴리필을 적용해야 합니다. trimStart(), trimLeft() 폴리필(polyfill) if(!String.prototy.. 자바스크립트(JavaScript) String.prototype.trim 폴리필(polyfill) 안녕하세요. 루미오입니다. 순서 ● String.prototype.trim() 폴리필(polyfill) ● String.prototype.trim() 사용법 하단의 → 코드 확인 및 테스트 버튼을 클릭하면 jsfiddle에서 바로 Test해 보실 수 있습니다. JavaScript는 문자열의 앞, 뒤의 공백을 제거하는 trim() 함수를 제공합니다. 하지만 IE 9 이상에서만 지원하기 때문에 호환성을 위해서 동일한 기능의 폴리필을 적용해야 합니다. String.prototype.trim() 폴리필(polyfill) if(!String.prototype.trim) { String.prototype.trim = function() { return this.replace(/^\s+|\s+$/g,''); }; }.. 자바스크립트(JavaScript) Array.prototype.indexOf, Array.prototype.lastIndexOf 폴리필(polyfill) 안녕하세요. 루미오입니다. JavaScript Array 함수 중에 indexOf()와 lastIndexOf()는 IE 9 이상에서만 지원합니다. IE 8 이하에서 사용하기 위해서는 폴리필(polyfill)을 적용해야 합니다. 오늘은 indexOf()와 lastIndexOf()의 폴리필(polyfill)을 소개하겠습니다. 순서 ● Array.prototype.indexOf 폴리필(polyfill) ● Array.prototype.lastIndexOf 폴리필(polyfill) 하단의 → 코드 확인 및 테스트 버튼을 클릭하면 jsfiddle에서 바로 Test해 보실 수 있습니다. Array.prototype.indexOf 폴리필(polyfill) [Array.prototype.indexOf 폴리필] /* A.. 이전 1 다음
