html5--json

 一、前后端的参数差异

前后端传参会有差异,比如这个person上边是在前端的参数，下边的_person是在后端的参数，会有区别

var person={
    name:'lisi',
    age:18,
    height:'220cm'
};
var_person={"name":'lisi',"age":'18',"height":'220cm'};

二、前后端参数转换

1.JSON.stringfy()（前端数据转换为后端数据）

var person={
    name:'lisi',
    age:18,
    height:'220cm'
};
console.log(person);
var_person={"name":'lisi',"age":'18',"height":'220cm'};
 person=JSON.stringify(person);
 console.log(person)

2.JSON.parse后端数据转换回前端数据

var person={
    name:'lisi',
    age:18,
    height:'220cm'
};
 person=JSON.stringify(person);
 console.log(person)
 person=JSON.parse(person);
 console.log(person)

三、浅拷贝和深拷贝

0.基本数据类型（存储在堆），引用数据类型（存储在栈）

堆内存（相当于word文档 更改时不会更改原来的）

栈（相当于共享文档 更改的时候会更改原有的）

 1、浅拷贝：将一个变量赋值给另一个变量，修改其中的一个变量，原有的变量也会随着改变（引用数据类型）

var person={
    name:'lisi',
    age:18,
};
var person2=person;
person2.name='hh';
console.log(person,person2);

 我们可以看到，当我们修改person2.name，person.name的数据也改变了

2.深拷贝 将一个变量赋值给另外一个变量，更改新变量，原变量不会改变（基本数据类型）

var num=0;
var num1=num;
num1=10;
console.log(num,num1);

 3.那么我们想把引用数据类型深拷贝怎么办（通过我们刚才说的方法先把引用数据类型转换基本数据类型然后再赋值）例如下边代码，更改person2.age以后person的数据不改变

var person={
    name:'lisi',
    age:18,
};
var tmp=JSON.stringify(person);
var person2=JSON.parse(tmp);
person.age=222222;
console.log(person,person2);

 4.或者可以通过自己定义方法进行实现深克隆

（1）实现对象的深拷贝

var person={
    name:'lisi',
    age:18,
    school:{
        garde:20,
        names:'weiji'
    }
    
};
function deepclone(obj){
 var tmp={};
 for(key in obj){
    if(typeof(obj[key])=='object'){
   tmp[key]=deepclone(obj[key]);
    }else{
  tmp[key]=obj[key];
    }
 }
 return tmp;
}
var person1=deepclone(person);
person1.age=15;
console.log(person,person1);

 2.实现数组的深拷贝

var arr=[1,2,3,{age:18},[1,2,3,4]];
var arr1=deepclone(arr);
arr1[0]=22;
console.log(arr,arr1);
function deepclone(arr){
    var result=[];
for(var i=0;i<arr.length;i++){
if(typeof(arr[i])=='array'){
deepclone(arr[1]);
}else if(arr[i]=='object'){
result.push(deepcloneobj(arr[i]));
}else{
result.push(arr[i]);
}

}return result;
}
function deepcloneobj(obj){
 var tmp={};
 for(key in obj){
    if(typeof(obj[key])=='object'){
   tmp[key]=deepclone(obj[key]);
    }else{
  tmp[key]=obj[key];
    }
 }
 return tmp;
}