String 메소드
A.length ; 길이 반환
A.indexOf('a') ; a문자열의 인덱스값 반환 / 없을 경우 -1 반환
A.slice(a, b+1) ; A[a] ~ A[b]로 잘라냄
A.substr(a,b) ; A[a]부터 b개를 가져옴
A.replace('A','B') ; a문자열 -> b문자열로 변경
A.match(/.+(?=a)/)[0] ; a라는 문자 이전까지 잘라냄
A.trim() ; 문자열 앞 뒤 존재하는 공백 없앰. 보통 사용자로부터 입력 받아올 때 사용
A.toString(n) ; 숫자 -> (n진수인)문자로 변환
A.toUpperCase() / A.toLowerCase() ; 모든 영문을 대문자/소문자로 변환
A.repeat(n) ; A를 n번 반복
A.codePointAt(0) ; 문자 -> 아스키코드값 반환 / String.fromCodePoint(n) ; 아스키코드값 -> 문자 반환
Math 메소드
Math.toFixed(a) ; 소수점 a번째 아래는 버림
parseInt(str,n) ; string -> (n진수인)number형으로 변환 / 소수점 아래 살리지 않음 / 문자가 혼용되어있어도 사용가능(문자는 잘라냄)
Number() ; string -> number형으로 변환 / 문자가 혼용되어 있을 경우 NaN반환
parseFloat(str) ; string -> number형으로 변환을 / 소수점 아래 살림
Math.abs(A) / Math.min(A,B) / Math.max(A,B) / Math.ceil(A) / Math.floor(A) / Math.round(A) 반올림
/ Math.random() ; 0~1 중 랜덤 수 / Math.pow(A,B) ; A** B / Math.sqrt(A) ; 루트 A
isNaN() ; NaN인지 판별
Array 메소드
https://peter-coding.tistory.com/232
[JS] Array 메소드 (map,filter,reduce,find,concat,slice)
1. map() ; 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환 ex1) numbers의 요소들 각각에 2배를 하여 doubleNumArray에 반환 const numbers = [1,2,3] const doubleNum..
peter-coding.tistory.com
-- 아래는 원본수정 --
push ; 배열의 뒤에 데이터 삽입
unshift ; 배열의 앞에 데이터 삽입
reverse ; 배열 뒤집기
splice ; 배열[a]에서 b개 삭제하고 그 자리에 c,d,e..를 삽입
const X=A.filter(a => a<3)
const X=A.find(a => /^b/.test(a))
const X=A.findIndex(a => /^b/.test(a))
const X=A.includes(a)
A.push(a)
A.unshift(a)
A.reverse()
A.splice(a,b,c,d,e..)
Object 메소드
Object.assign ; A라는 객체에 B,C..의 객체을 덮어씀
Object.keys ; A라는 객체의 속성 이름들만을 모아 배열로 만들어 X에 반환
map ; 배열에서 하나씩 가져와 x에 넣고 (반환할 식)을 반환
const X=Object.assign(A,B,C..)
const X=Object.keys(A)
const Y=X.map(x=>(반환할 식))
Date 메소드
getFullYear() ; 연도 반환 / getDate() ; 날짜 반환 / getDay() ; 요일 반환 / getTime() ; 시간 반환
call, apply, bind 메소드
함수.call(객체,...매게변수) ; 함수 내의 this가 객체를 가리킴. ...매게변수는 함수의 매게변수임
const mike = {
name: "Mike"
};
function update(birthYear, occupation) {
this.birthYear = birthYear;
this.occupation = occupation;
}
update.call(mike, 1999, "singer");
console.log(mike); // {name: "Mike", birthYear: 1999, occupation: "singer"}
위의 예시는, update의 this가 mike를 가리키게 됨
함수.apply(객체,[매게변수 배열]) ; apply와 동일. 매게변수를 배열로 받는 다는 차이점
함수.bind(객체) ; 함수의 this가 영구히 객체를 가리킴
const mike = {
name: "Mike"
};
function update(birthday, occupation) {
this.birthday = birthday;
this.occupation = occupation;
}
const updateMike = update.bind(mike);
updateMike(1980, "police");
console.log(mike);
'WebProgramming > JS' 카테고리의 다른 글
[JS] 정규표현식 (0) | 2022.06.11 |
---|---|
[JS] import,export ; 모듈 가져오기,내보내기 (0) | 2022.06.11 |
[JS] 구조 분해(Destructuring), 전개 연산자(...)(spread, rest) (0) | 2022.06.11 |
[JS] 원시 데이터, 참조형 데이터 / 얕은 복사와 깊은 복사 (0) | 2022.06.11 |
[JS] 생성자 함수(Prototype), Class 상속 (0) | 2022.06.06 |
[JS] 함수 (0) | 2022.06.04 |
[웹 프로그래밍] JS 작성 툴 (Node.js, NVM, NPM) (0) | 2022.06.04 |
[JS] JS 작성 팁 (0) | 2022.05.29 |