1. 程式人生 > >Json、數組方法、隨機函數、數組去重

Json、數組方法、隨機函數、數組去重

輕量級 支持 實例 ima pre 數據交換格式 abc 使用 var

一、Json

1Json(JavaScript Object Notation, JS 對象標記) 是一種輕量級的數據交換格式。

2.Json語法規則

在 JS 語言中,一切都是對象。因此,任何支持的類型都可以通過 JSON 來表示,例如字符串、數字、對象、數組等。但是對象和數組是比較特殊且常用的兩種類型:
  • 對象表示為鍵值對
  • 數據由逗號分隔
  • 花括號保存對象
  • 方括號保存數組

3.JSON 鍵值對是用來保存 JS 對象的一種方式,和 JS 對象的寫法也大同小異,鍵/值對組合中的鍵名寫在前面並用雙引號 "" 包裹,使用冒號 : 分隔,然後緊接著值:

var json = { name : ‘leo‘, age : 32 };

  

4.可以將兩個數放在一個Json中

var arrUrl = [ ‘img/1.png‘, ‘img/2.png‘, ‘img/3.png‘, ‘img/4.png‘ ];
var arrText = [ ‘圖片一‘, ‘圖片二‘, ‘圖片三‘, ‘圖片四‘ ];

var imgData = {
	url : [ ‘img/1.png‘, ‘img/2.png‘, ‘img/3.png‘, ‘img/4.png‘ ],
	text : [ ‘圖片一‘, ‘圖片二‘, ‘圖片三‘, ‘圖片四‘ ]
};

  二、for in

1.for...in 語句用於對數組或者對象的屬性進行循環操作。

2.for ... in 循環中的代碼每執行一次,就會對數組的元素或者對象的屬性進行一次操作。

3.語法

for (變量 in 對象)
{
    在此執行代碼
}

  4.實例

var arr = [ ‘a‘, ‘b‘, ‘c‘ ];

for ( var i in arr ) {
	alert( arr[i] );
}

  技術分享圖片技術分享圖片技術分享圖片

三、數組方法

1.添加

1)arr.push();將參數放在原數組的尾部,該方法返回的是最終數組的長度;

var arr = [ 1,2,3 ];

alert( arr.push( ‘abc‘ ) );

alert( arr );

  技術分享圖片技術分享圖片

2).arr.unshift();用法和push()相同,只是unshift方法是將參數放入原數組的前面,;

2.刪除

1)arr.pop(); 刪除數組的最後一項,返回的是被刪除的元素;

var arr = [ ‘哈哈‘, ‘呵呵‘, ‘嘿嘿‘, ‘嗯嗯‘, ‘啊啊‘ ];
 alert( arr.pop() );
alert( arr );

  

技術分享圖片技術分享圖片

2)arr.shift(); 刪除數組的第一項,返回被刪除的元素;

var arr = [ ‘哈哈‘, ‘呵呵‘, ‘嘿嘿‘, ‘嗯嗯‘, ‘啊啊‘ ];
alert( arr.shift() );
arr.shift();
alert( arr );

  

技術分享圖片技術分享圖片

3.arr.splice(): 這個方法可以實現數組的增刪改功能;

1)刪除:要提供兩個參數,第一個參數是要刪除第一項的位置,第二個參數是要刪除的個數

var arr = [ ‘哈哈‘, ‘呵呵‘, ‘嘿嘿‘, ‘嗯嗯‘, ‘啊啊‘ ];
alert( arr.splice( 1 , 2 ) );

  技術分享圖片技術分享圖片

2)添加:提供多個參數,第一個參數是要插入的位置,第二個是0表示刪除0個,後面是要插入的元素,可以是多個,因為刪除0個,所以返回空數組;

var arr = [ ‘哈哈‘, ‘呵呵‘, ‘嘿嘿‘, ‘嗯嗯‘, ‘啊啊‘ ];

alert( arr.splice( 1, 0, ‘哎呀~‘) );

alert( arr );

技術分享圖片

3)替換:提供多個參數,第一個參數是要插入的位置,第二個是刪除的個數,後面是要插入的元素,可以是多個,返回刪除的數組;

var arr = [ ‘哈哈‘, ‘呵呵‘, ‘嘿嘿‘, ‘嗯嗯‘, ‘啊啊‘ ];
arr.splice( 0, 2, ‘哎呀!‘ );
alert( arr );

  

技術分享圖片

4.數組去重實例

var arr = [ 1,2,2,4,2 ];

for ( var i=0; i<arr.length; i++ ) {
	for ( var j=i+1; j<arr.length; j++ ) {
		if ( arr[i] == arr[j] ) {
			arr.splice( j, 1 );
			j--;
		}
	}
}
alert( arr );

  

Json、數組方法、隨機函數、數組去重