JS 陣列 物件

2021-09-27 04:01:30 字數 2825 閱讀 7218

一、基礎知識

參考部落格:js array陣列物件操作方法彙總

物件:具有屬性和方法,由k,v對組成

例如:

var data=;

//取物件的形式

//1,data.username

//2,data[username] //username 已知

陣列:例如 var arr=[1,2,3,4,5];

字串:例如 var str="iamstring"

二、實現相互轉化

1.物件轉化為陣列 

思想:

for... in用來迴圈物件,i代表k,比如上面的username,password;data[i]代表v,比如上邊的"xiaoming","123"

push()方法就可將獲取到的str字串加到陣列arr中。

//模擬乙個陣列

var arr=;

//1,物件轉換為陣列

for(var i in data)

console.log("物件data");

console.log(data);

console.log("物件轉陣列");

console.log(arr);

//**解讀:

//for... in用來迴圈物件,i代表k,比如上面的username,password;data[i]代表v,

//比如上邊的"xiaoming","123"

//push()方法就可將獲取到的str字串加到陣列arr中。

效果:

詳細講解:

1.1 陣列轉換為物件

陣列轉物件

//模擬乙個物件

var arr=['啦啦','呵呵','哥哥','嗯嗯']

var obj={}

for(var key in arr)

console.log(obj)//

2.陣列轉化為字串

思想:

1,陣列的.join() 將陣列中所有元素放到乙個字串中,並用指定的分隔符進行分割

const a = [1, 2, 3]

a.join(',') // "1,2,3" //整體轉換

a.join('_') // "1_2_3"

console.log(arr.join(""));//預設以逗號分隔

2, .tostring() 將陣列轉換成字串,返回字串,格式為逗號隔開

console.log(a.tostring())  //123,432,42,5,344,5
3,字串轉陣列

1..split() 實現方法為將字串按某個字元切割成若干個字串,並以陣列形式返回:

var s="abcd,efg,hijk,l";

var ss=s.split(",");//以逗號為分割點

//執行ss的結果:["abcd", "efg", "hijk", "l"]

4.js物件轉換為json

方式:json.stringify(obj)

5.json字串轉換為js物件

var obj=

var str=json.stringify(obj);

var obj2=json.parse(str) //或者var obj2=eval("("+str+")")

console.log(obj2)

5.js陣列轉json字串

方式:json.stringify(obj)

6.js物件陣列轉json字串

方式:json.stringify(obj)

7、json轉js陣列

//json字串轉陣列

var jsonstr = '[1,2,3,]';

var jsarr=json.parse( jsonstr );

alert(jsarr[0]);

5、json轉js物件

var jsonstring = '';

var jsobject = json.parse(jsonstring); //轉換為json物件

alert(jsobject.bar); //取json中的值

參考部落格:

js建立物件陣列 JS 物件

定義 無序的資料集合 鍵值對集合 建立物件的方式 new 操作符 object 建立物件 var person new object person.name lisi person.age 21 person.family lida lier wangwu person.say function 2...

js物件陣列

一 內建物件 1 物件 2 array 陣列 建立特點 屬性和方法 二維陣列 3 string 物件 建立特點 屬性方法 math 物件 定義 屬性方法 5 日期物件 建立日期物件 日期物件方法 一 內建物件 1 物件 物件是由屬性和方法組成的,使用點語法訪問 2 array 陣列 建立特點 陣列用...

Js陣列物件

建立陣列的兩種方式 new array 檢測是否為陣列 array.isarray 新增刪除陣列元素的方法 方法名說明返回值 push 引數1 末尾新增乙個或多個元素,注意修改原陣列 返回新的長度 pop 刪除陣列中最後乙個元素 返回刪除元素的值 unshift 引數1 陣列開頭新增乙個或多個元素,...