2020-10-22（数组排序、二维数组拍平、多维数组变一维数组、对象创建、构造函数创建）

1、数组排序

1.使用冒泡法排序

var arr = [1,5,3,18,9,7,2]; function sort(arr){ for(i in arr){//遍历数组arr,把所有的值都拿一遍，这里产生的i是一个 //string类型，如果使用i的值，需要进行转换， i = parseInt(i); for(var j = i+1; j < arr.length; j++){//用上面的每一个值与下面 //的每一个值进行比较（这里的每一个值都是上面后面的值） if(arr[i] > arr[j]){ temp = arr[j]; arr[j] = arr[i]; arr[i] = temp; } } } return arr; } console.log(sort(arr));//打印调用的结果

2.sort()方法排序 对于数组内的数据进行排序，有特定的方法，就是sort()方法

var arr = [1,5,3,18,9,7,2]; arr.sort(function(a,b){ if(a < b){//如果a<b，就让a在b的前面 return -1; } if(a == b){//如果a==b，a,b的位置不变 return 0;} if(a > b){//如果a>b，就让b在a的前面 return 1;} }) console.log(arr);// [1, 2, 3, 5, 7, 9, 18]

以上的-1，0，1好像能决定a,b位置关系，那么到底是正负数，还是只能是正负1呢，修改返回的值，如下

var arr = [1,5,3,18,9,7,2]; arr.sort(function(a,b){ if(a < b){ return -5;//这里修改为任意的负值 } if(a == b){//如果a==b，a,b的位置不变 return 0;} if(a > b){ return 4;//这里修改为任意的正值 } }) console.log(arr);// [1, 2, 3, 5, 7, 9, 18]

结果没有发生改变，既然是正负决定a,b的位置，那么这个代码就可以简写了

var arr = [1,5,3,18,9,7,2]; arr.sort(function(a,b){ return a - b; //当a < b 的时候，a - b 就会得到一个负值 //当a == b 的时候，a - b 就会得到0 //当a > b 的时候，a - b 就会得到一个正值 }) console.log(arr);// [1, 2, 3, 5, 7, 9, 18]

a - b能得到数组升序排列的结果，那么b - a会不会得到相反的结果呢？

var arr = [1,5,3,18,9,7,2]; arr.sort(function(a,b){ return b - a; //当b > a 时， b - a得到的是正值，让 b 在 a 的前面 //当b < a 时， b - a得到的是负值，让 a 在 b 的前面 //也就是说，让值大的在前面，就形成了降序排列 }) console.log(arr);// [18, 9, 7, 5, 3, 2, 1]

2、二维数组拍平（数组里每一个元素都只能为数组）

var arr = [[1,2],[2,3],[4,5]]; //var arr = [1,[2,3],[4,5]]; //如果里面有元素不为数组，直接使用多 //维数组变一维数组的方法就可以 var result = arr.reduce(function (p,c) { return p.concat(c); }); console.log(result);

3、多维数组变一维数组

1.reduce()方法

var arr = [[1,[2,3]],[3,[4,5]],[5,[6,7]]]; var newArr = function (arr) { return arr.reduce(function (p,c) { return p.concat(Array.isArray(c)?newArr(c):c); //这里判断内层的c是否为数组，如果是数组，递归调用，先拍平处理 },[])//这里的空数组，是为了让p第一次值为数组，就不用给p做判断 }; console.log(newArr(arr));

2.除了reduce() 方法，还可以使用字符串的方式

var arr = [1,[2,3,[4,5]],[6,7,[8,9]]]; var newArr = []; var str = arr.toString();//1,2,3,4,5,6,7,8,9 // var str = arr.join(',');//join不会改变原数组,这里用join()和toString()是一样的; //把上面的字符串用逗号去截成一个一个的元素 var arr1 = str.split(',');//(9) ["1", "2", "3", "4", "5", "6", "7", "8", "9"] arr1.forEach(function (val,i) { newArr.push(parseInt(val)); });//因为得到的全是字符串，需要用一个循环将每一个转换为Number，再装入新数组 console.log(newArr);//(9) [1, 2, 3, 4, 5, 6, 7, 8, 9]

3.可以继续延续reduce()方法的思想，通过递归的方法去做

var arr = [1,[2,3,[4,5]],[6,7,[8,9]]]; var newArr = []; function fun(arr) { arr.forEach(function (val,i) { // return newArr.push(Array.isArray(val)?fun(val):val); if(Array.isArray(val)){//如果你还是一个数组，我就继续把你打开， fun(val); }else {//只有你不在是一个数组的时候，我就把你添加到新数组中 newArr.push(val); } }); return newArr; } console.log(fun(arr));//[1, 2, 3, 4, 5, 6, 7, 8, 9]

4、对象创建

第一种，字面量方式创建是最简单的对象的创建都是键值对的， 键名：键值（属性名：属性值）对象中的属性都是可以通过对象.属性进行取值的（obj.） // var student = { name:'唐僧', sex:'男', sayHello:function(){ console.log('hello'); } } console.log(student.name); //唐僧 第二种 //第二种 var fun = new Object();//先创建一个对象 fun.name = 'wo';//在外部通过对象.属性的方法进行赋值 fun.sayBye = function(){ console.log('Bye'); }; console.log(fun.name);//wo fun.sayBye();//Bye

对象还可以储存复杂的数据，可以通过数组的索引去取每一个对象，再通过 .属性操作获得值

var person = [ {name:'猪八戒',age:20}, {name:'唐僧',age:50}, {name:'孙悟空',age:500}]; console.log(person[0].name);//猪八戒

5、构造函数创建

function Person(name,age){ this.name = name;//谁调用，this指向谁 this.age = age; this.sayHello = function(){ console.log('hello'); } } var per1 = new Person('唐僧',18);//per1调用函数，所以this指向per1 console.log(per1.sayHello());//hello

6、补充（对象与字符串的转换）

var obj = { name:'aa', age:18 }; var str_obj = JSON.stringify(obj);//将对象转为字符串，转换之后就不能再通过 .属性 的方法来获取值 console.log(str_obj); console.log(str_obj.age);//返回的是undefined //当然字符串也可以转换为对象 var newObj = JSON.parse(str_obj);//将字符串转换为对象 console.log(newObj); console.log(newObj.name);//重新转换回来之后，可以使用属性取值 对象与字符串的转换是为了方便存储和数据传输