Javascript 94

🌟추천🌟😈함수 안과 밖에서 원시값은 어떻게 달라질까?

var a = 1; function aa() { a = 2; console.log(a); // 2 } aa(); console.log(a); // 2 aa() 함수 안에서 a = 2는 밖에있던 var a = 1과 동일한 친구로, 1이였던 a를 2로 바꿨기때문에 함수가 끝나더라도 a를 호출하면 2로 나옴. var a = 1; function aa() { var a = 2; console.log(a); // 2 } aa(); console.log(a); // 1 aa() 함수 안에서 var a = 2는 밖에있던 var a = 1과 다른 친구로, aa() 함수 안에서는 a를 호출하면 2로 나오겠지만, aa() 함수가 끝나면 사라져서 원래 a = 1가 나옴. var a = 1; function aa(thing)..

Javascript 2021.01.18

🌟추천🌟유용한 array

1. array를 object로 빠르게 만들기 var arr = ['mon', 'tue', 'wed']; var obj = {...arr}; // {0: "mon", 1: "tue", 2: "wed"} 2. 두개 이상 array를 병합하기(concat, push말고) var arr1 = [1, 2, {name: 'jj'}]; var arr2 = [3, 4, [5, 6]]; var mergeArr = [...arr1, ...arr2]; // [1, 2, {name: 'jj'}, 3, 4, [5, 6]] 3. map()쓰지 않고 특정 value만 꺼내기 var students = [ {name: 'hobs', age: 33}, {name: 'marry', age: 54}, {name: 'jacob', age..

Javascript 2021.01.16

🌟추천🌟원시값과 참조값, 그리고 mutate와 assignment

var num = 1; var num2 = num; num = 2; console.log(num2) // 1 🤨? var room = { table: 1 }; var room2 = room; room.table = 2; console.log(room2.table) // 2; 🤨?? 둘의 차이점은 첫번째는 원시값(primitive)이고 다른쪽은 참조값(reference)라는 것. 원시값 primitive value/type 은 메모리에서 스택 stack이라는 공간에 값을 저장하게 됨. 스택에서는 비교적 짧은 데이터들을 저장하고 빨리 불러오며, '스택'이라는 이름답게 데이터가 하나하나 위로 쌓이게 됨. var num = 1일때, 스택에 1이라는 값을 제일 아래 칸에 저장함. 그 후 var num2 = num..

Javascript 2020.12.26

array 메소드 기본 정리

1. concat() 인자로 주어진 값이나 배열을 기존에 합쳐서 새로운 배열 반환. // array1.concat(array2, array3, ..., arrayX) var a = [1,2] var b = [3,4] var c = a.concat(b) var c // 1,2,3,4 2. every() 조건을 테스트해서 true, false 반환. // array.every(function(currentValue, index, arr), thisValue) var _a = [1,2,3,4] var chkNum = function chkNum(v) { return v < 5; }; _a.every(chkNum); // true; 3. fill() 시작 인덱스부터 끝 인덱스 전까지 원하는 값으로 채움. // ..

Javascript 2020.12.07

😭원시값, 객체, undefined, false, 연산자...

primitive(원시 값) 1. 숫자 2. 문자열 3. 불리언 4. undefined 5. null object(객체) 1. 배열 [] 2. 정규표현식 3. 객체 리터럴 {} 원시값은 프로퍼티 추가, 변경이 불가능. var a = '123'; a.length = 1; a.length // 3 객체는 프로퍼티 추가, 변경 가능 var b = [1,2,3]; b.length = 1; b.length // 1 undefined는 왜 뜨는가 1. 변수의 정의가 안되어있을 때 var a; a //undefined 2. 매개변수가 없을 때 function a(x) = {return x}; a() //undefined 3. 존재하지 않는 것에 프로퍼티 var a = []; a.length //undefined 타입..

Javascript 2020.11.08

자바스크립트 : 원하는 특정 문자 바꾸기

var a = "사과 오렌지 컵 컵 사과 컴퓨터 사과 컴퓨터" // 해당 첫글자만 바꾸기 a.replace(/사과/, 'apple'); // apple 오렌지 컵 컵 사과 컴퓨터 사과 컴퓨터 // 해당 글자 모두 바꾸기 a.replace(/사과/gi, 'apple'); // apple 오렌지 컵 컵 apple 컴퓨터 apple 컴퓨터 // 두글자 이상 모두 바꾸기 a.replace(/사과/gi, 'apple').replace(/컴퓨터/gi, 'computer'); // apple 오렌지 컵 컵 apple computer apple computer // 공백 없애기 a.replace(/\s/gi, '') // 사과오렌지컵컵사과컴퓨터사과컴퓨터

Javascript 2018.09.27

자바스크립트 input에 입력한 값으로 테이블 만들기

크 이거 만들라고 한 일주일은 고생 크 주요 포인트는'입력해야하는 줄은 랜덤인데 안쓴 칸은 아무것도 출력 안되게 하는거' 였음 근데 예전에 짠거는 아무것도 안쓴칸이 아무것도 출력 안되야하는데 '빈칸'으로도 나오는거임 아오 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273 Document table {border-collapse: collapse;} table,tr,td{border: 1px solid #333; padding: 5px;} input[type='text'] {width: 350px; margin-..

Javascript 2018.09.20
반응형