목차
- 자바스크립트 매소드 정리
- 프로그래머스
자바스크립트 메소드 정리
- parseFloat
parseFloat() //부동 소수 반환
parseFloat(string)
let padding = '18.5%';
parseInt(padding); // 18
parseFloat(padding); //18.5- Math.random
Math.random() // 0 ~ 1 사이의 무작위수
1~100 까지 임의의 숫자를 뽑고 싶을떄
Math.floor(Math.random()*100)+1- Math.max / Math.min
최댓값
Math.max(1,4,-1,5,10) // 10
최솟값
Math.min(1,4,-1,5,10) // -1- Math.abs
Math.abs() // 절댓값
Math.abs(-1) // 1- Math.pow
Math.pow(n,m) // n의 m제곱 값
Math.pow(2,10) // 1024- Math.sqrt
Math.sqrt() // 제곱근
Math.sqrt(16) // 4문자열 메소드
- toUpperCase / toLowerCase
.toUpperCase() // 대문자로 변경
.toLowerCase() // 소문자로 변경- indexOf
str.indexOf(text) // 몇번쨰 위치에 있는지 반환 없으면 -1 반환- slice
str.slice(n,m) // n부터 M-1까지 자른다- substring
str.substring(n,m) // n과 m사이의 사이에 문자열 반환
// 음수 허용을 안함 0으로 인식
let str = 'abcdefg';
str.substring(2,5) // "cde"
str.substring(5,2) // "cde"- substr
str.substr(n,m) // n부터 m개를 가져옴
let str = 'abcdefg';
str.substr(0,3) // "abc"
- trim
str.trim() // 앞뒤 공백 제거
let str = " coding "
str.trim() = "coding"- repeat
str.repeat(n) // n번 반복
let str = "str"
str.repeat(2) // "strstr"- includes
str.includes(text) // text가있으면 true 없으면 false배열 메소드
- push / pop / unshift / shift
push() // 뒤에 추가
pop() // 뒤에 제거
unshift() // 앞에 추가
shift() // 앞에 삭제- splice
arr.splice(n,m) // n부터 m개 지운다 //특정 요소를 지움
let arr = [1,2,3,4,5]
arr.splice(1,2);
console.log(arr); // [1,4,5]
arr.splice(n,m,x) // n부터 m개 지운다 그자리에 x를 추가
//특정 요소를 지우고 추가
let arr = [1,2,3,4,5]
arr.splice(1,3,100,200);
console.log(arr); // [1,100,200,5]
arr.splice(1,0,100)
console.log(arr) // [1,100,2,3,4,5]
arr.splice() // 삭제된 요소 반환
let arr = [1,2,3,4,5]
let result = arr.splice(1,2);
console.log(arr) // [1,4,5]
console.log(result) // [2,3]- slice
arr.slice(n,m) // n부터 m-1까지 반환
// m의 숫자가 배열의 길이보다 긴경우 배열의 끝까지 반환
let arr = [1,2,3,4,5];
arr.slice(1,4) // [2,3,4]- concat
arr.concat(arr2,arr3 ...) // 합쳐서 새배열 반환
let arr =[1,2];
arr.concat([3,4]); //[1,2,3,4]
arr.concat([3,4],[5,6]) // [1,2,3,4,5,6]- forEach
arr.forEach(fn) // 배열 반복
let users = ['Mike','Tom','Jane']
users.forEach((item,index,arr)=>{});
Mike, 0 ,user
Tom , 1 ,user
Jane, 2 ,user
user.forEach((name,index) =>{
console.log(name); // Mike
// Tom
// Jane
console.log(`${index+1}.${name}`);
// 1.Mike
// 2.Tom
// 3.Jane
})- indexOf / lastIndexOf
arr.indexOf() // 해당하는 인덱스를 반환
arr.lastIndexOf() // 배열의 끝부터 해당하는 인덱스 탐색
let arr = [1,2,3,4,5,1,2,3]
arr.indexOf(3); // 2
arr.indexOf(3,3) // arr[3]번쨰부터 3을 탐색
arr.lastIndexOf(3); // 7
- includes
arr.includes() // 포함하는지 확인
let arr = [1,2,3];
arr.includes(2); // true
arr.includes(8); // false- find / findIndex
// 주의 첫번쨰 true 값만 반환하고 끝
// 만약 없으면 undefined 를 반환
arr.find(fn)
arr.findIndex(fn)
let arr = [1,2,3,4,5];
const result = arr.find((item)=>{
return item % 2 === 0;
})
console.log(result) // 2
let userList = [
{name:"Mike",age:30},
{name:"Jane",age:27},
{name:"Tom",age:10}
];
userList.find((user) =>{
if(user.age < 19){
return true
}
return false
})
console.log(result) // {name:"Tom",age:10}
userList.findIdex((user) =>{
if(user.age < 19){
return true
}
return false
})
console.log(result) // 2- filter
arr.filter(fn) // 만족하는 요소를 배열로 반환
let arr = [1,2,3,4,5];
const result = arr.filter((item)=>{
return item % 2 === 0;
})
console.log(result) // [2,4]
- reverse
arr.reverse() // 역순으로 재정렬
let arr = [1,2,3,4,5]
arr.reverse(); // [5,4,3,2,1]- map
arr.map(fn) // 함수를 받아 특정 기능을 시행하고 새로운 배열로 반환
let userList = [
{name:"Mike",age:30},
{name:"Jane",age:27},
{name:"Tom",age:10}
];
let newUserList = userList.map((user,index) => {
return Object.assign({},user,{
isAdult: user.age . 19,
})
})
console.log(newUserList)
// [
// {age: 30,isAdult: true,name:"Mike"},
// {age: 27,isAdult: true,name: "Jane"},
// {age: 10,isAdult: false,name: "Tom"}
// ]- join
arr.join() // 배열을 합쳐서 문자열로 바꿔준다
let arr = ['안녕','나는','철수야']
console.log(arr.join()) // "안녕,나는,철수야"
console.log(arr.join('')) // "안녕나는철수야"- split
str.split() // 문자열을 나눠서 배열로 바꾼다
const users = "Mike,jane,Tom,Tony"
const result = users.split(",") // ,기준으로 나눈다
console.log(result) // ["Mike","jane","Tom","Tony"]- sort / reduce
arr.sort(fn) // 배열 재정렬
// 배열 자체가 변경되니 주의
let arr = [27,8,5,13]
arr.sort((a,b)=> a-b) // [5,8,13,27]
arr.sort((a,b)=> b-a) // [27,13,8,5]
arr.reduce(fn) // 배열을 돌면서 함수대로 최종값 반환
let arr = [1,2,3,4,5]
const result = arr.reduce((prev,cur)=> {
return prev + cur;
},0) // 초기값 0
conselo.log(result) // 15
let userList =[
{name: "Mike",age:30},
{name: "Tom",age:10},
{name: "Jane",age:27},
{name: "sue",age:26}
]
let result =userList.reduce((prev,cur)=>{
if(cur.age > 19){
prev.push(cur.name)
}
return prev
},[]) // 초기값 []
console.log(result) //["Mike","Jane","sue"]처음 이렇게 정리하면서 예제도 보고하니까 매우만족... 그냥 알고리즘푸는데 문제였던거는 자바스크립트
공부 모르는거 나올떄마다 하는공부도 중요하지만 일단쭉 알아야 할건 알고 가는게 중요하고
중요한 메소드들이 많다!!
프로그레머스
이제 1단계 올라와서 메소드 공부랑 자바스크립트 공부 더하고 보니까 정답률 높은거는 그냥 쭉 하고 풀수있을 정도인거 같아서 좀 보이네 이렇게 풀어볼까 다른 방법은 없나 무슨 키워드로 찾아야 하는지 보여서
기분이 그냥 너무 좋은거 같다하.... 중요한건 기본기 인거 같다
문제를 만났을때 그냥 이것만 공부하고 넘기는것보다 어디에있는 뭐인지를 확인하면서 넘기니까
공식마냥 머리에 딱 떠올르는거 같다
주말에는 1주차 - 4주차 까지 정리즘 하고 잔디듬 심고 공부즘 해야할거 같다... 아직 부족한게
너무 많이 보여서 더 열심히 해야겠다
