JS part3_比較邏輯運算子_陣列與物件


 #比較邏輯運算子

>  <   >=   <=  ==   !=
let a = 2 > 1;//也可以這樣表現
console.log(a);//輸出true

 # == 與 === 的差別

==    !=會幫忙自動轉型
===  !==不會自動轉型,會判斷型別(比較嚴謹)
let a = 1;
let b = "1"; 
console.log(a==b);//輸出true
console.log(a===b);//輸出false
console.log(a!=b);//輸出flase
console.log(a!==b);//輸出true

 #陣列與物件

※陣列

可以放入混和資料!
let ary=[];//宣告方式
ary=['a',1,true];

※讀取陣列資料

※寫入陣列資料(ary[0], push, unshift)

let ary=[];//宣告方式
ary[0]='a';//['a']
ary.push("b");//新增在陣列最後->ary[1] ['a','b']
ary.unshift("c");//新增在陣列最前面['c','a','b']

※刪除陣列資料(pop, shift, splice)

ary.pop();//刪除陣列最後一項資料
ary.shift();//刪除陣列第一項資料
ary.splice(1,1);//刪除特定資料(陣列起始位置,包含自己刪除幾項資料) 輸出['C','b']

※物件:有許多屬性組成

※物件格式

let person={ name:"Ariel", age:18 ,pet:true};//屬性:值

※讀取物件內值

console.log(person);//回傳整個物件
console.log(person.age);//取出18
console.log(person['age']);//另一種方式
let a='age';
console.log(person[a]);//另一種方式;if JSON格式 若屬性名稱為01就無法使用peron.01

※新增物件屬性

person.sibiling=['Eric','Tom']; 

※刪除物件資訊

delete person.pet; 
console.log(person.pet);//undefined

※陣列混和物件

let person=[
{
  name:"Ariel",
  age:18,
  pet:true
 },
 {
  name:"Eric",
  age:15,
  pet:false
 }
]

※讀取陣列混和物件

console(person[0].name);//Ariel

※傳遞資料的共通格式:常用JSON

CHROME網頁JSON友善介面套件

https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc/related?hl=zh-TW

※物件裡面還能包物件!

物件以.選取;陣列以[ ]選取
let Ariel={ 
sex:female,

 dog:{
 name:"Small",
 age:2,
 },
 cat:{
  [
 {
  name:"Meowmeow",
 age:5,
 color:"black"
  },
 {
 name:"leeya",
 age:3,
 color:"orange"
 }
]
 }

}
console.log(Ariel.dog.name);//Small
console.log(Ariel.cat[1].age);//3



SHARE

ariel

  • Image
  • Image
  • Image
  • Image
  • Image

0 意見:

張貼留言