TIL - Javascript 기초 3 ( String, 배열 )

String

* String 이어 붙이기

문자열 길이 알아내기

• 문자열의 .length 속성을 이용
  • str.length

문자열 붙이기

1. .concat 함수 사용
   • str1.concat(str2)
2. 더하기(+) 연산자 사용
   • str1+str2

var str="Hello";
undefined

str.length;
5
str["length"];
5
"hello".length
5

var str2="world";
undefined
str.concat(str2);
'Helloworld'

var str3=str.concat(str2);
undefined
str3
'Helloworld'
str.concat(str2).concat("!!");
'Helloworld!!'
"Hello".concat("World").concat("!!");
'HelloWorld!!'

str+str2
'Helloworld'
"hello" + "World"
'helloWorld'

"pi is " + 3.14
'pi is 3.14'
3.14 + " is pi"
'3.14 is pi'

 

* String 다루기

특정 위치의 문자열 알아내기

• .charAt 함수 이용
  • 첫 문자 : str.charAt(0)
  • 마지막 문자 : str.charAt(str.length-1)
• 대괄호([]) 사용
  • 첫 문자 : str[0]
  • 마지막 문자 : str[str.length-1]

부분문자열 구하기

문자열의 연속된 일부분을 구하는 함수

• .substring(pos1, pos2) : pos1 에서 pos2까지의 부분 문자열 반환
  • pos2 생략시 pos1에서부터 마지막 까지의 문자열 반환
• substr(pos, length) : pos에서 length길이 만큼의 부분 문자열 반환
  • length 생략시, pos에서 마지막까지의 문자열 반환
  • pos 가 음수인 경우, str.length - pos 로 동작

문자열 검색하기

• indexOf(str) : 메서드는 호출한String 객체에서 주어진 값과 일치하는 첫 번째 인덱스를 반환합니다. 일치하는 값이 없으면 -1을 반환합니다.
• lastIndexOf(str) : 메서드는 주어진 값과 일치하는 부분을fromIndex로부터 역순으로 탐색하여, 최초로 마주치는 인덱스를 반환합니다. 일치하는 부분을 찾을 수 없으면-1을 반환합니다.

 

 

 

배열

 

* 배열 만들기

값을 저장할 수 있는 엘리먼트(변수)의 연속된 공간. 주소(인덱스, index)를 이용해 각 엘리먼트에 접근 가능.

배열의 정의

• 빈 배열 : var arr=[];
• 초기화된 배열 : var arr=[1,2,3,4,5];
• 엘리먼트에는 어떤 자료형이든 저장될 수 있음
  • var mixed_arr = [ 1, true, 3.14, "string", {name:"object"}, [1,2,3] ];

배열의 길이

• .length 속성 이용

배열의 엘리먼트에 접근하기

• 대괄호 안에 인덱스를 사용 : arr[index]
  • arr[0] = 1
  • console.log(arr[arr.length-1]);

 

* 배열 사용하기

배열에 엘리먼트 추가/삭제하기

기본적으로 배열의 앞과 뒤에서 엘리먼트를 추가하거나 삭제할 수 있음.

• .push(element) : 배열의 뒤에 엘리먼트 추가
• .pop() : 배열의 뒤에서 엘리먼트 삭제하고 리턴
• .shift() : 배열의 앞에서 엘리먼트 삭제하고 리턴
• .unshift(element) : 배열의 앞에 엘리먼트 추가

.reverse : 배열 뒤집기

.sort : 배열 적절히 정리하기

배열 붙이기, 검색하기

• arr1.concat(arr2) : arr1과 arr2 붙임
• arr.indexOf(element) : arr에서 element가 있는 첫 위치를 검색
• arr.lastIndexOf(element) : arr에서 element가 있는 마지막 위치를 검색

문자열 split 함수

• 문자열을 구분자(separator)로 나눠서 각각을 담은 배열을 반환하는 함수

Code

var str="1,2,3,4,5";
arr = str.split(",");

결과

arr = ["1", "2", "3", "4", "5"];

 

 

주석

주석

코드에 대한 설명등의 이유로 작성하는 프로그램의 동작과 무관한 코드.

한줄 주석

두개의 슬래시 // 이후에 작성되는 주석

alert("이 코드는 실행됨"); //여기부터 주석
// alert("이 코드는 실행되지 않음"); // 이미 주석임

여러줄 주석

/* 으로 시작해서 */ 으로 끝나는 주석. 여러줄에 걸쳐 활용 가능

/* 여기서부터

age = prompt("나이를 입력하세요");

여기까지 모두 주석 */


var age = 5;
console.log(age);

alert(age + "을 입력하셨습니다.");

 

 

 

 

 

 

 

Referance :

https://school.programmers.co.kr/learn/courses/3

Hello, JavaScript: 자바스크립트 입문