본문 바로가기

Webstoryboy

Category

Explanation

전체 글

(864)
[JavaScript] .codePointAt() [JavaScript] .codePointAt() .codePointAt() 메서드는 문자열에서 인덱스에 대한 유니코드 포인트 값인 아닌 정수를 반환합니다. .codePointAt() .codePointAt() 메서드는 문자열에서 인덱스에 대한 유니코드 포인트 값인 아닌 정수를 반환합니다. 특징 설명 반환값(returns) 정수 or undefined 문법(Syntax) String.codePointAt() 정의(Definition) .codePointAt() 메서드는 문자열에서 인덱스에 대한 유니코드 포인트 값인 아닌 정수를 반환합니다. 참고(Reference) MDN
string.prototype.charCodeAt() charCodeAt() charCodeAt() 메서드는 지정한 숫자(index)의 유니코드 값을 반환합니다. charCodeAt() charCodeAt() 메서드는 지정한 숫자(index)의 유니코드 값을 반환합니다. 특징 설명 유형(type) String 버전(version) ES1 결과값(return) 숫자(UTF-16) 사용성 ★★★☆☆ 문법(Syntax) "문자열".charCodeAt(숫자) "javascript reference".charCodeAt() //106 "javascript reference".charCodeAt('0') //106 "javascript reference".charCodeAt('1') //97 "javascript reference".charCodeAt('2') //1..
string.prototype.charAt() charAt() charAt() 메서드는 지정한 숫자(index)의 단일 문자 값을 반환합니다. charAt() charAt() 메서드는 지정한 숫자(index)의 단일 문자 값을 반환합니다. 특징 설명 유형(type) String 버전(version) ES1 결과값(return) 문자(string) 사용성 ★★★☆☆ 문법(Syntax) "문자열".charAt(숫자) "javascript reference".charAt() //j "javascript reference".charAt('0') //j "javascript reference".charAt('1') //a "javascript reference".charAt('2') //v 문자열(string) : 문자열을 설정합니다. 숫자(index) : ..
[JavaScript] .values() [JavaScript] .values() .values() 메서드는 새로운 요소를 배열의 맨 앞쪽에 추가하고, 새로운 길이를 반환합니다. .values() .values() 메서드는 새로운 요소를 배열의 맨 앞쪽에 추가하고, 새로운 길이를 반환합니다. 특징 설명 반환값(returns) 새로운 배열 객체 문법(Syntax) Array.values() 정의(Definition) .values() 메서드는 새로운 요소를 배열의 맨 앞쪽에 추가하고, 새로운 길이를 반환합니다. 참고(Reference) MDN
unshift() unshift() unshift() 메서드는 배열 앞에 요소를 추가하고, 배열의 새로운 길이 값을 반환합니다. unshift() unshift() 메서드는 배열 앞에 요소를 추가하고, 배열의 새로운 길이 값을 반환합니다. 특징 설명 유형(type) Array 버전(version) ES1 결과값(return) 길이값(length) 사용성 ★★★★☆ 문법(Syntax) "배열".unshift(요소) "배열".unshift(요소1, 요소2,...) const arr = [100, 200, 300, 400, 500]; const text1 = arr.unshift(600); //600, 100, 200, 300, 400, 500 const text2 = arr.unshift(600,700,800,900); //..
string.prototype.toString() toString() toString() 메서드는 데이터를 문자열로 변환하고, 새로운 문자열을 반환합니다. toString() toString() 메서드는 데이터를 문자열로 변환하고, 새로운 문자열을 반환합니다. 특징 설명 유형(type) String 버전(version) ES1 결과값(return) 문자열(string) 사용성 ★★☆☆☆ 문법(Syntax) "문자열".toString() "javascript reference".toString() //javascript reference 문자열(string) : 문자열을 설정합니다. 정의(Definition) toString() 메서드는 데이터를 문자열로 변환하고, 새로운 문자열을 반환합니다. 문자열 변경과 관련된 메서드 slice() 메서드는 문자열에서..
[JavaScript] .toLocaleString() [JavaScript] .toLocaleString() .toLocaleString() 메서드는 배열의 요소를 나타내는 문자열을 반환합니다. .toLocaleString() .toLocaleString() 메서드는 배열의 요소를 나타내는 문자열을 반환합니다. 특징 설명 반환값(returns) 문자열 문법(Syntax) Array.toLocaleString() 정의(Definition) .toLocaleString() 메서드는 배열의 요소를 나타내는 문자열을 반환합니다. 참고(Reference) MDN
[JavaScript] .splice() [JavaScript] .splice() .splice() 메서드는 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경합니다. .splice() .splice() 메서드는 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경합니다. 특징 설명 반환값(returns) 제거한 요소를 담은 배열 문법(Syntax) arr.splice() 정의(Definition) .splice() 메서드는 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경합니다. 참고(Reference) MDN
[JavaScript] .sort() [JavaScript] .sort() .sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. .sort() .sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. 특징 설명 반환값(returns) 불린(boolen) 문법(Syntax) arr.sort(함수) 함수 : 정렬를 정의한 함수를 설정합니다. 정의(Definition) .sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. 참고(Reference) MDN
[JavaScript] .some() [JavaScript] .some() .some() 메서드는 배열 안의 어떤 요소라도 주어진 판별 함수를 통과하는지 테스트합니다. .some() .some() 메서드는 배열 안의 어떤 요소라도 주어진 판별 함수를 통과하는지 테스트합니다. 특징 설명 반환값(returns) 불린(boolen) 문법(Syntax) arr.some(콜백함수) 콜백함수 : 함수를 설정합니다. 정의(Definition) .some() 메서드는 배열 안의 어떤 요소라도 주어진 판별 함수를 통과하는지 테스트합니다 참고(Reference) MDN
string.prototype.slice() slice() slice() 메서드는 문자열에서 원하는 값을 추출하여 새로운 문자열을 반환합니다. slice() slice() 메서드는 문자열에서 원하는 값을 추출하여 새로운 문자열을 반환합니다. 특징 설명 유형(type) String 버전(version) ES1 결과값(return) 문자열(string) 사용성 ★★★★☆ 문법(Syntax) "문자열".slice(시작 위치) "문자열".slice(시작 위치, 끝나는 위치) "javascript reference".slice(0) //javascript reference "javascript reference".slice(1) //avascript reference "javascript reference".slice(2) //vascript referen..
shift() shift() shift() 메서드는 배열 처음 요소를 제거하고, 제거한 요소를 반환합니다. shift() shift() 메서드는 배열 처음 요소를 제거하고, 제거한 요소를 반환합니다. 특징 설명 유형(type) Array 버전(version) ES1 결과값(return) 제거한 요소 사용성 ★★★☆☆ 문법(Syntax) "배열".shift() const arr = [100, 200, 300, 400, 500]; const text = arr.shift(); console.log(text) //100 console.log(arr) //[200, 300, 400, 500] 배열(array) : 배열을 설정합니다. 정의(Definition) shift() 메서드는 배열 처음 요소를 제거하고, 제거한 요소를 ..
[JavaScript] .reverse() [JavaScript] .reverse() .reverse() 메서드는 배열의 순서를 반전합니다. .reverse() .reverse() 메서드는 배열의 순서를 반전합니다. 특징 설명 반환값(returns) 누적 계산 값 문법(Syntax) Array.reverse() 정의(Definition) .reverse() 메서드는 배열의 순서를 반전합니다. 참고(Reference) MDN
[JavaScript] .reduceRight() [JavaScript] .reduceRight() .reduceRight() 메서드는 누적기에 대해 함수를 적용하고 배열의 각 값은 값을 단일 값으로 줄입니다. .reduceRight() .reduceRight() 메서드는 누적기에 대해 함수를 적용하고 배열의 각 값은 값을 단일 값으로 줄입니다. 특징 설명 반환값(returns) 누적 계산 값 문법(Syntax) Array.reduceRight(콜백함수) 콜백함수(callback) : 배열의 각 요소에 대해 실행할 함수를 설정합니다. 정의(Definition) .reduceRight() 메서드는 누적기에 대해 함수를 적용하고 배열의 각 값은 값을 단일 값으로 줄입니다. 참고(Reference) MDN
[JavaScript] .reduce() [JavaScript] .reduce() .reduce() 메서드는 배열의 각 요소에 대해 주어진 함수를 실행하고, 하나의 결과값을 반환합니다. .reduce() .reduce() 메서드는 배열의 각 요소에 대해 주어진 함수를 실행하고, 하나의 결과값을 반환합니다. 특징 설명 반환값(returns) 누적 계산 값 문법(Syntax) Array.reduce(콜백함수) 콜백함수(callback) : 배열의 각 요소에 대해 실행할 함수를 설정합니다. 정의(Definition) .reduce() 메서드는 배열의 각 요소에 대해 주어진 함수를 실행하고, 하나의 결과값을 반환합니다. 참고(Reference) MDN
push() push() push() 메서드는 배열 끝에 요소를 추가하고, 배열의 새로운 길이 값을 반환합니다. push() push() 메서드는 배열 끝에 요소를 추가하고, 배열의 새로운 길이 값을 반환합니다. 특징 설명 유형(type) Array 버전(version) ES1 결과값(return) 길이값(length) 사용성 ★★★★☆ 문법(Syntax) "배열".push(요소) "배열".push(요소1, 요소2,...) const arr = [100, 200, 300, 400, 500]; const text1 = arr.push(600); //100, 200, 300, 400, 500, 600 const text2 = arr.push(600,700,800,900); //100, 200, 300, 400, 500,..
pop() pop() pop() 메서드는 배열 마지막 요소를 제거하고, 제거한 요소를 반환합니다. pop() pop() 메서드는 배열 마지막 요소를 제거하고, 제거한 요소를 반환합니다. 특징 설명 유형(type) Array 버전(version) ES1 결과값(return) 제거한 요소 사용성 ★★★☆☆ 문법(Syntax) "배열".pop() const arr = [100, 200, 300, 400, 500]; const text = arr.pop(); console.log(text) //500 console.log(arr) //[100, 200, 300, 400] 배열(array) : 배열을 설정합니다. 정의(Definition) pop() 메서드는 배열 마지막 요소를 제거하고, 제거한 요소를 반환합니다. pop(..
[JavaScript] .map() [JavaScript] .map() .map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다. .map() .map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다. 특징 설명 반환값(returns) 새로운 배열 문법(Syntax) Array.map(콜백함수(현재값, 인덱스, 배열)) 콜백함수(callback) : 함수가 실행됩니다. 현재값(currentValue) : 현재 처리 될 값을 반환합니다. 인덱스(index) : 인덱스 값을 반환합니다. 배열(array) : 배열 값을 반환합니다. 정의(Definition) .map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를..
string.prototype.lastIndexOf() lastIndexOf() lastIndexOf() 메서드는 문자열을 역순으로 검색하고 위치값(숫자)을 반환합니다. lastIndexOf() lastIndexOf() 메서드는 문자열을 역순으로 검색하고 위치값(숫자)을 반환합니다. 특징 설명 유형(type) String 버전(version) ES1 결과값(return) 숫자 or -1 사용성 ★★★☆☆ 문법(Syntax) "문자열".lastIndexOf(검색값) "문자열".lastIndexOf(검색값, 위치값) "javascript reference".lastIndexOf('javascript') //0 "javascript reference".lastIndexOf('javascripts') //-1 "javascript reference".lastInde..
[JavaScript] .keys() [JavaScript] .keys() .keys() 메서드는 배열의 각 인덱스를 키 값으로 가지는 새로운 배열을 반환합니다. .keys() .keys() 메서드는 배열의 각 인덱스를 키 값으로 가지는 새로운 배열을 반환합니다. 특징 설명 반환값(returns) 배열 객체 문법(Syntax) Arrya.keys() 정의(Definition) .keys() 메서드는 배열의 각 인덱스를 키 값으로 가지는 새로운 배열을 반환합니다. 참고(Reference) MDN
join() join() join() 메서드는 배열의 문자열을 하나로 문자열로 반환합니다. join() join() 메서드는 배열의 문자열을 하나로 문자열로 반환합니다. 특징 설명 유형(type) Array 버전(version) ES1 결과값(return) 문자열(string) 사용성 ★★★★☆ 문법(Syntax) "배열".join(분리기호) const arr = [100, 200, 300, 400, 500]; const text1 = arr.join("*"); //100*200*300*400*500 const text2 = arr.join("-"); //100-200-300-400-500 const text3 = arr.join(); //100,200,300,400,500 const text3 = arr.join(..
string.prototype.indexOf() indexOf() indexOf() 메서드는 문자열에서 특정 문자의 위치를 찾습니다. 문자열 내에 문자들은 왼쪽부터 순번이 매겨지고, 결과 값으로 순번이 반환됩니다. 만약 찾는 문자가 없다면, -1 값을 반환합니다. indexOf() indexOf() 메서드는 문자열에서 특정 문자의 위치를 찾습니다. 특징 설명 유형(type) String 버전(version) ES1 결과값(return) 숫자 or -1 사용성 ★★★☆☆ 문법(Syntax) "문자열".indexOf(검색값) "문자열".indexOf(검색값, 위치값) "javascript reference".indexOf('javascript') //0 "javascript reference".indexOf('javascripts') //-1 "javas..
string.prototype.includes() includes() includes() 메서드는 문자열 포함 여부를 검색하여 불린(true, false)을 반환합니다. includes() includes() 메서드는 문자열 포함 여부를 검색하여 불린(true, false)을 반환합니다. 특징 설명 유형(type) String 버전(version) ES6 결과값(return) 불린(true or false) 사용성 ★★★☆☆ 문법(Syntax) "문자열".includes(검색값) "문자열".includes(검색값, 시작값) "javascript reference".includes('javascript') //true "javascript reference".includes('j') //true "javascript reference".includes('..
[Javascript] .forEach() [JavaScript] .forEach() .forEach() 메서드는 배열 요소 각각에 대해 실행합니다. .forEach() .forEach() 메서드는 배열 요소 각각에 대해 실행합니다. 특징 설명 반환값(returns) undefined 문법(Syntax) Array.forEach(콜백함수(현재값, 인덱스, 배열)) 콜백함수(callback) : 함수가 실행됩니다. 현재값(currentValue) : 현재 처리 될 값을 반환합니다. 인덱스(index) : 인덱스 값을 반환합니다. 배열(array) : 배열 값을 반환합니다. 정의(Definition) .forEach() 메서드는 배열 요소 각각에 대해 실행합니다. 참고(Reference) MDN
[Javascript] .flat() [JavaScript] .flat() .flat() 메서드는 모든 하위 배열까지 하나의 배열로 반환합니다. .flat() .flat() 메서드는 모든 하위 배열까지 하나의 배열로 반환합니다. 특징 설명 반환값(returns) 새로운 배열 문법(Syntax) Array.flat(깊이) 깊이(depth) : 하위 배열의 깊이 값을 설정합니다. 정의(Definition) .flat() 메서드는 모든 하위 배열까지 하나의 배열로 반환합니다. 참고(Reference) MDN
[Javascript] .findIndex() [JavaScript] .findIndex() .findIndex() 메서드는 주어진 조건에 만족하는 첫 번째 요소 인덱스 값을 반환합니다. .findIndex() .findIndex() 메서드는 주어진 조건에 만족하는 첫 번째 요소 인덱스 값을 반환합니다. 특징 설명 반환값(returns) 배열의 인덱스 또는 값이 없으면 -1 문법(Syntax) Array.findIndex(콜백함수) 콜백함수(callback) : 함수를 설정합니다. 정의(Definition) .findIndex() 메서드는 주어진 조건에 만족하는 첫 번째 요소 인덱스 값을 반환합니다. 참고(Reference) MDN
[Javascript] .find() [JavaScript] .find() .find() 메서드는 주어진 조건에 만족하는 첫 번째 요소의 값을 반환합니다. .find() .find() 메서드는 주어진 조건에 만족하는 첫 번째 요소의 값을 반환합니다. 특징 설명 반환값(returns) 조건에 맞는 값 또는 값이 없으면 undefined 문법(Syntax) Array.find(콜백함수) 콜백함수(callback) : 함수를 설정합니다. 정의(Definition) .find() 메서드는 주어진 조건에 만족하는 첫 번째 요소의 값을 반환합니다. 참고(Reference) MDN
[Javascript] .filter() [JavaScript] .filter() .filter() 메서드는 조건에 맞는 요소를 새로운 배열로 반환합니다. .filter() .filter() 메서드는 조건에 맞는 요소를 새로운 배열로 반환합니다. 특징 설명 반환값(returns) 새로운 배열 문법(Syntax) Array.filter(콜백함수) 콜백함수(callback) : 함수를 설정합니다. 정의(Definition) .filter() 메서드는 조건에 맞는 요소를 새로운 배열로 반환합니다. 참고(Reference) MDN
[Javascript] .fill() [JavaScript] .fill() .fill() 메서드는 배열의 시작 인덱스부터 끝 인덱스까지 하나의 값으로 채웁니다. .fill() .fill() 메서드는 배열의 시작 인덱스부터 끝 인덱스까지 하나의 값으로 채웁니다. 특징 설명 반환값(returns) 새로운 배열 객체 문법(Syntax) Array.fill(속성[, 시작값[, 끝값]]) 속성(value) : 배열에 채울 값을 설정합니다. 시작값(start) : 시작 인덱스 값을 설정합니다. 끝값(end) : 끝 인덱스 값을 설정합니다. 정의(Definition) .fill() 메서드는 배열의 시작 인덱스부터 끝 인덱스까지 하나의 값으로 채웁니다. 참고(Reference) MDN
[Javascript] .prompt() [JavaScript] .prompt() .prompt() 메서드는 텍스트를 입력 할수 있는 대화 상자를 표시합니다. .prompt() .prompt() 메서드는 텍스트를 입력 할 수 있는 대화 상자를 표시합니다. 특징 설명 반환값(returns) 사용자가 입력한 문자열 또는 null 문법(Syntax) window.prompt("내용","기본값") 내용(message) : 사용자에게 보여줄 문자열을 설정합니다. 기본값(default) : 텍스트 입력 필드에 기본으로 채워 넣을 문자열을 설정합니다. 정의(Definition) .prompt() 메서드는 텍스트를 입력 할 수 있는 대화 상자를 표시합니다. 참고(Reference) MDN
1 2 3 4 5 6 7 8 ··· 29