Javascript (9) 썸네일형 리스트형 [Javascript] 반복문 | for in, for of 차이 for in 과 for of 의 차이. let ramyeon = {ottogi: 'jinramyeon', nongshim: 'neoguri'}; let jjajang = ['jinjjajang', 'jjapageti', 'jjawang']; let str = '나는 문자열'; console.log(`\n`) console.log("---for in------object") let test1 = '' for (key in ramyeon) { console.log(`key : ${key}`) test1 += ramyeon[key] + ' ' } console.log(`value sum : ${test1}`) console.log('key, value 값 사용 가능') console.log("\n---for .. [Javascript] 자바스크립트 String | repeat( ) 메소드 repeat()메소드는 새 문자열을 만들어준다. repat() 안에 문자를 몇 개 복사할 지 쓰면 그걸로 새 문자열을 만들어준다. repeat()을 쓰면 복사된 문자열이 붙어진채로 나온다. Syntax (문법) repeat(count) [Javascript] 자바스크립트 String | match( ) 메소드 String형식에 쓰이는 match()메소드. match() 메소드는 문자열을 검색해준다. 내가 설정한 조건(정규표현식)으로 문자열을 비교한 다음 조건에 맞는 게 있다면 그 결과를 보여준다. Syntax (문법) string.match(찾을 조건) [Javascript] 자바스크립트 | 삼항연산자 삼항연산자는 자바스크립트에만 있는 오퍼레이터(연산자)이다. 삼항연산자는 이런식으로 ? : 기호와 함께 세 부분을 비교하게 된다. 삼항연산자는 if...else 구문 대신으로 많이 쓰인다. Syntax (문법) variablename = (condition) ? value1:value2 - 홀짝 구하기 num5 배열에는 [1,2,3,4,5,6,7,8]이 들어가있다. 그리고 이 숫자들이 홀수인지 짝수인지를 알아보기로 한다. 여기서 reduce()를 사용하여 숫자들을 훑으면서 가져와서 누적값에 넣어보자. 이때 숫자를 훑을 때 홀수인지 .. [Javascript] 자바스크립트 Array | ForEach() 메소드 배열에 있는 숫자들을 훑어서 하나하나 꺼내준다. - 일반 함수를 사용했을 때 - arrow function을 사용했을 때 * 여기서 사용한 eachval는 아무이름으로 써도 상관없다. [Javascript] 자바스크립트 Array | reduce() 메소드 배열에서 활용하는 메소드이다. 배열 엘리먼트의 누적값, 현재값, 현재index 값을 사용해서 다룰 수 있다. 앞서 말한 값과 함께 배열 엘리먼트를 훑으면서 이용할 수 있기 때문에 여러가지 방법으로 활용할 수 있다. 배열의 합을 구할 때 많이 쓰인다. Syntax (문법) reduce( (accumulator, currentValue, currentIndex) => {return 결과} , 초기값) accumulator : 누적값 currentValue: 현재값 currentIndex : 현재index - reduce() 메소드로 num3배열의 합을 구해보기 console.log 값에는 차례대로 누적값, 현재값, 현재index를 보여준다. 초기값은 let result의 맨 마지막 .. [Javascript] 자바스크립트 Array | fill() 메소드 배열의 엘리먼트 값( [ ] 안에 있는 값을 의미 )을 내가 원하는 값으로 바꾸고 싶을 때 사용한다. Syntax (문법) fill(value) fill(value, start) fill(value, start, end) fill() 메소드는 '바꾸고 싶은 값(value)', '바꾸고 싶은 시작 위치(start)', '바꾸고 싶은 마지막 위치(end)'를 정해서 사용한다. 이때 '바꾸고 싶은 값'만 정하고 시작 위치를 정하지 않으면, 모든 위치에 있는 것들이 '바꾸고 싶은 값'으로 바뀐다. 시작위치는 정했으나 마지막 위치를 정하지 않으면, 시작위치부터 마지막 index 까지 값이 '바꾸고 싶은 값'으로 바뀐다. value, start, end를 모두 정하면 내가 원하는 값으로 원하는.. [JQuery] 제이쿼리 이미지태그 src 바꾸기 #img-dog의 src를 바꾸고자 한다면 .attr()를 사용한다. .attr('src', 바꾸고 싶은 거 넣기) $('#img-dog').attr('src', 바꾸려고하는변수이름); 이전 1 2 다음
