JavaScript

자바스크립트는 유사 자바와 비슷하다고 생각들 하시는데

자바와는 다른 언어이다

주로 프런트에서 자주 사용하는 언어입니다!!

간단하게 문법만 알아보겠습니다!

기본 문법입니다!@!

let,const //변수 타입
alert() //대화창 출력
console.log() // 콘솔에 출력
typeof() //타입 확인
prompt() //사용자에게 값을 입력 받을 떄 사용
confirm() //사용자에게 확인을 받을 떄 사용
	
String() //문자형으로 변환
Numver() //숫자형으로 변환
Boolean() //불린형으로 변환  

if문 //(자바와 동일)
for문 //(자바와 동일)
while문 //(자바와 동일)
do-while문 //(자바와 동일)
break,continue //(자바와 동일) 
switch문 //(자바와 동일)

function() {} //자바의 메소드와 동일

객체 만들기
const superman={
name:'clark',
age:33,
} //name:name 이면 name, 축약 가능
접근 방법
superman.name
superman.['age]'
추가
superman.gender = 'male'; //[]예도 됨
삭제
delete superman.name;
in연산자
'age' in superman; //프로퍼티 존재 확인

for in 반복문

for(let key in superman){
console.log(key)
console.log(superman[key])
console.log(Mike[x]) //Mike['age'] Mike['name'] 값을 불러옴
console.log(Mike) //Mike의 이름만 불러옴
} //객체를 순회하면서 값을 얻음
//ket 변수역할

메소드
sayhello:function(){
	console.log('hello,i`m ${this.name}`);
}

배열
let students = ['철수','영희'...'영수'];
students[0] = '민정'; //수정 가능
//배열은 문자 뿐만 아니라, 숫자, 객체, 함수 등도 포함할 수 있음
let arr = [
'민수',
3,
false,
{
	name:'Mike',
	age: 30,
},
function(){
	console.log('TEST');
}
];
length //배열 길이
push() //배열 끝에 추가
pop() //배열 끝 요소 제거  stack 메서드와 똑
unshift(),shift() //배열 앞에서 추가/제거

for of 반복문

for(let day of day){
	console.log(day);
}//배열에는 for of 권장
//약간 향상for문 느낌

function User(name, age){
	this.name=name;
	this.age=age;
	this.sayName= function(){
		console.log(this.name);
	}
}
let User5 = new User('Han',40);
user5.sayName(); //'Han'
//자바스크립트에서 this. 는 User5를 의미

var 잘 사용하지 않음

o Object.assign() : 객체복제
	const nuwUser = Objecti.assign({//초기값},user); user값이 {} 으로 들어감
		{ } + { name : 'Mike', age : 30 } =

o Object.keys() : 키 배열 반환
	const user = {
		name:'Mike',
		age:30,
		gender:'male',
}
	Object.keys(user); //["name","age","male']

o Object.values(): 값 배열 반환
	 값만 배열로 반환

o Object.entries() : 키/값 배열 반환
 키와 값을 쌍으로 묶어서 줌
[
		["name","Mike"],
]

o Object.fromEntries() : 키/값 배열을 객체로

Symbol //new를 붙이지 않습니다.
 //유일한 식별자를 만들떄 사용
Symbol.for() //전역 심볼
숨겨진 Symbol key 보는 법
 Object.getOwnPropertySymbols(user);

toString() //10진수를 2진수/16진수로 바꿔줌
	let num = 10;
	num.toStirng(2); //"1010"

Math
Math.ceil() //올림
Math.floor() //내림
Math.round() //반올림
Math.random() //무작위 수
Math.max() //가로안에서 가장 높은 숫자
Math.min() //가로안에서 가장 낮은 숫자
Math.abe() //절대값
Math.pow(n, m) //제곱
Math.sqrt() //제곱근

toFixed(2);
//소수점 둘떄자리까지 표현(셋째 자리에서 반올림)
//문자형으로 반환하기 때문에 Number()로 숫자로 변환
isNaN() //NaN인지 아닌지 판단
parsInt() //문자열을 숫자로 바꿔준다.
parsFloat() //소수점을 반환

문자열메소드
toUpperCase()/toLowerCase() //영어 대소문자 바꾸기
str.indexOf() //인데스 위치반환
str.slice(n,m) //substring from to
str.substirng(n,m) //slice와 다른점은 n과 m을 바꿔도 동작 음수 허용x
str.substr(n,m) //n은 시작인데 m은 몇개를 가져올 것인지
str.trim() //앞 뒤 공백 제거
str.repeat(n) //문자열을 n번 반복

배열 메소드
arr.splice(n,m) //특정요소 지움
arr.splice(n,m,x) //특정 요소 지우고 추가
arr.splice() //삭제된 요소를 반환함
arr.slice(n,m) //n부터 m까지 반환
arr.concat(arr2,arr3...) //합쳐서 반환 약간 추가 느낌
arr.forEach(fn name index) //배열 반복 fn은 함수
arr.indexOf/lastIndexOf //위치반환
arr.includes() //포함하는지 확인
arr.find(fn) //첫번째 true 값만 반환하고 끝 만약에 없으면 undifined를 반환
arr.filter(fn) //전부 찾는다 
arr.reverse() //역순으로 재정렬
arr.map(fn) //함수를 받아 특정 기능을 시행하고 새로운 배열을 반환

arr.sort() //배열 재정렬
Lodash 라이브러리
arr.reduce(fn) //(prev, cur) 누적계산값,현재값

자바스크립트도 많은 문법이 있습니다.

자세한 건 다루지 않을 것이기에 이런 문법만 있다고만 봐주셨으면 감사하겠습니다!!!!