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

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

  

原文地址:https://www.cnblogs.com/tflicong/p/8444918.html

时间: 2024-07-31 16:50:02

Json、数组方法、随机函数、数组去重的相关文章

Javascript中数组方法以及数组方法的扩展--基础篇

最近一直在努力的恶补javascript中的各种知识,比如说闭包,作用域,继承,构造函数,变量,内置对象等概念.同时,也在学习着ES6的新知识.最近想给大家分享的就是数组实例方法的练习以及如何去扩展一个数组方法. 以下的分享会分为如下内容 1.数组实例方法的练习 1.1:reduce() 1.2:map() 1.3:sort() 1.4:slice() 1.5:push() 1.6:实例方法习题 2.数组方法的扩展 1.数组实例方法的练习 首先,我们应该知道数组实例方法有哪些. console.

JS 数组方法 array数组声明 元素的添加和删除 等

声明数组 var arr1 = [1,2,3,4,5]; var arr2 = new Array(100); //声明长度为100的arr2数组. arr2=[]; arr2.length = 100; var arr3 = new Array([1,2,3,4,5]); //是一个二维数组. arr3 = [[1,2,3,4,5]]; arr3.length = 1; arr3[0] = [1,2,3,4,5];arr3[0].length = 5; var arr4 = new Array

JavaScript中常见数组方法原数组改不改变

改变原数组 1 pop():删除 arrayObject 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值.如果数组已经为空,则 pop() 不 改变数组,并返回 undefined 值.arrayObject.pop() 2 push(): push() 方法可把它的参数顺序添加到 arrayObject 的尾部. 它直接修改 arrayObject,而不是创建一个新的数组,arrayObject.push(newelement1,newelement2,….,newelementX

数组方法-分割数组

需求: 将任意数组按某个数字分割成一个个的字数组. var array = [1, 2, 3, 4, 5, 6, 7, 8]; function splitArray(arr, num) { var newArray = [] , len = arr.length , number = Math.ceil(len / num) , start = -num , item = null; for (var j = 0; j < number; j++) { start = start + num;

JavaScript数组方法详解

JavaScript数组方法详解 JavaScript中数组的方法种类众多,在ES3-ES7不同版本时期都有新方法:并且数组的方法还有原型方法和从object继承的方法,这里我们只介绍数组在每个版本中原型上的方法,本文举例介绍了从ES3到ES7几乎所有的数组方法.这大概是最全的数组方法详解了.希望读者能从中有所收获. 一.各版本数组方法一览表 数组方法名 对应版本 功能 原数组是否改变 pop() ES3- 删除最后一位,并返回删除的数据 是 push() ES3- 在最后一位新增一或多个数据,

js实现数组去重的三个方法、数组的快速排序

一:数组去重方法1 (思路:新建一个空的result数组,将需要去重的数组中的第一个元素传入,依次与剩余的元素进行对比,不重复则把元素传入到result数组中.) Array.prototype.removeDup = function(){ var result = [this[0]]; for(var i = 1 ; i<this.length; i++){ var repeat = false; for(var j = 0; j<result.length;j++){ if(this[i

JS解析json数据并将json字符串转化为数组的实现方法

json数据在ajax实现异步交互时起到了很重要的作用,他可以返回请求的数据,然后利用客户端的js进行解析,这一点体现出js的强大,本文介绍JS解析json数据并将json字符串转化为数组的实现方法,需要了解的朋友可以参考下 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document

用JS实现一个数组合并的方法(要求去重)

最近发现一道面试题,用JS实现一个数组合并的方法(要求去重).我们知道,concat方法会合并两个数组并返回一个新的数组,新的数组会包含旧数组中的每一个元素,即[1,2,3]与[2,3,4]合并后的结果为[1,2,3,2,3,4].那么该如何实现,既能合并又能去重? 思路就是,将目标数组的值作为key放进一个对象中,在这个过程中,重复的值就被过滤掉了,这样就排除了重复的值. 两个数组,a = [1,2,3], b = [2,3,4],要求合并后的数组为[1,2,3,4] Array.protot

jquery $.each遍历json数组方法

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head>  <meta http-equiv="content-