Json数组方法随机函数数组去重

Posted 2020-10-24 hey-李高冷

一、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 );