Programming/웹프로그래밍

[JavaScript] JavaScript Array, 정규식

쌍쌍바나나 2016. 5. 14. 18:39
반응형

javaScript에서 배열은


Array


push() (가장 뒤에 삽입)

unshift() 가장 앞에 값을 삽입



pop() 가장 last에 있는 값을 출력하고 삭제

shift() 가장 앞에 있는 값을 출력하고 삭제


// Setup

var myArray = [["John", 23], ["dog", 3]];


// Only change code below this line.

var removedFromMyArray = myArray.shift();


var ourArray = ["Stimpson", "J", "cat"];

ourArray.shift(); // ourArray now equals ["J", "cat"]

ourArray.unshift("Happy"); 

// ourArray now equals ["Happy", "J", "cat"]




Function

// Example

function functionWithArgs(a, b) {

  console.log(a - b);

}

functionWithArgs(10, 5); // Outputs 5





global 변수를 만들기 위한 방법은 두가지가 있다. 
함수 밖에서 var를 이용하고 변수를 선언하거나
함수 내부에서 var 를 사용하지 않고 변수를 만들면 globe변수가 된다. 

// Declare your variable here
var myGlobal = 10;

function fun1() {
  // Assign 5 to oopsGlobal Here
  oopsGlobal = 5;
  return oopsGlobal;
}

// Only change code above this line
function fun2() {
  var output = "";
  if (typeof myGlobal != "undefined") {
    output += "myGlobal: " + myGlobal;
  }
  if (typeof oopsGlobal != "undefined") {
    output += " oopsGlobal: " + oopsGlobal;
  }
  console.log(output);
}

Global 변수 vs Local 변수



// Setup
var outerWear = "T-Shirt";

function myOutfit() {
  // Only change code below this line
  var outerWear = "sweater";
  // Only change code above this line
  return outerWear;
}

myOutfit();
// output is sweater


Equality Operation

1 == 1  true

1 == '1' true


strict equality operation 

1==='1' false


strict inequality operation

3 !== 3 false

3 !== '3' true



javascript에서 object를 사용하기 위해서는


// Example
var ourDog = {
  "name": "Camper",
  "legs": 4,
  "tails": 1,
  "friends": ["everything!"]
};

// 접근하기 위해서는
ourDog.name = "dog";
//또는
ourDog["name"] = "mungmung";

// 객체에 property를 생성하기 위해서
ourDog.bark = "mung-mung";
// 객체에서 property를 제거하기 위해서
delete ourDog.bark;

Object를 lookup할때 활용하기



 var result = {
    "alpha":"Adams",
    "bravo":"Boston",
    "charlie":"Chicago",
    "delta":"Denver",
    "echo":"Easy",
    "foxtrot":"Frank",
    "":undefined
  };
// result[val]로 접근
// result["alpha"]  "Adams" 출력

  switch(val) {
    case "alpha": 
      result = "Adams";
      break;
    case "bravo": 
      result = "Boston";
      break;
    case "charlie": 
      result = "Chicago";
      break;
    case "delta": 
      result = "Denver";
      break;
    case "echo": 
      result = "Easy";
      break;
    case "foxtrot": 
      result = "Frank"; 
  }



Object에 해당 property가 있는지 체크하기 위해서 아래와 같이 입력



myObj.hasOwnProperty(checkProp) // return true or false

function checkObj(checkProp) {
  // Your Code Here
  if (myObj.hasOwnProperty(checkProp)) {
    return myObj[checkProp];
  } else {
    return "Not Found";
  }
}


JavaScript의 객체는 JSON이다. 


var myMusic = [
  {
    "artist": "Billy Joel",
    "title": "Piano Man",
    "release_year": 1973,
    "formats": [ 
      "CS", 
      "8T", 
      "LP" ],
    "gold": true
  },
  {
    "artist": "Billy Joel",
    "title": "Piano Man",
    "release_year": 1973,
    "formats": [ 
      "CS", 
      "8T", 
      "LP" ],
    "gold": true
  } 
];



Regular Expression


단어 찾기

/the/gi

/ : regular expression의 시작

the : 찾을 키워드

g : global

i :ignore (uppercase or lower case)


숫자 찾기

/\d/g

/\d+/g

\d 숫자

+하나 또는 그이상의 숫자를 검색


// Setup
var testString = "There are 3 cats but 4 dogs.";

// Only change code below this line.

var expression = /\d+/g;  // Change this line

// Only change code above this line

// This code counts the matches of expression in testString
var digitCount = testString.match(expression).length;


/\s+/g 모든  whitespace를 검색

/\S/g 모든  whitespace를 제외하고 검색






반응형