js - 常用功能方法汇总(updating...)

一、查值的类型(可用于拷贝)

 /*
* @Author: guojufeng@
* @Date: 2017-12-20 15:07:06
* @purpose 获取一个值的类型
* @param {variateName} target: 要获取类型的变量名或对象
* @output {string} result || "null": 返回的参数 - result或者null,为字符串形式的
*/
getType: function (target) {
if (target === null) {
console.log("getType类型判断为: " + target)
return "null";
}
let result = typeof (target);
if (result == "object") {
if (target instanceof Array) {
result = "array";
} else if (target instanceof Object) {
let target = Object.prototype.toString.call(target);
if (target == "[object Object]") {
result = "object";
} else {
result = target;
}
}
}
console.log("getType类型判断为: " + result)
return result; //返回类型值的字符串形式
}

应用:

 var nu= null;// null 怎么算
var un= undefined;
var c = new Array;
var d = {};
console.log(getType(c),getType(d),getType(nu),getType(un))

二、深拷贝

接上一个方法,实现深拷贝。

/* 思路 */
查值的类型
  三种方法:1、instanceof 2、Object.prototype.toString.call(target) 3、target.constuctor
如果是原始值
  就直接复制
如果是引用值,
  则进行遍历,查看每一项的具体类型
    如果是数组,新建一个数组,forEach时把每一项抛进新数组
    如果是对象,新建一个对象,for in时让新旧对象的键值一一对应
      遍历过程中,再次判断引用类型值的每一项
        如果是原始值,就直接复制
        如果是引用值,就继续看具体类型、新建对应类型、一一遍历
          遍历过程中,再次判断引用类型值的每一项,
            如果是原始值,就直接复制
            如果是引用值,就继续看具体类型、新建对应类型、一一遍历
              遍历~~~【->-> 递归】
 
 /*
* @Author: guojufeng@
* @Date: 2018-10-30 20:48:44
* @purpose 深度克隆
* @param {variateName} origin: 要克隆的对象变量名
* @output {对应值} 根据origin的类型返回的具体值
*/
function deepClone(origin) {
let type = getType(origin),
target;
if (type == "array") {
target = [];
/* 数组 */
origin.forEach(el = >{
console.log("ele", el) target.push(deepClone(el));
});
} else if (type == "object") {
/* 对象 */
target = {};
for (const key in origin) {
if (origin.hasOwnProperty(key)) {
/* 注意,只拷贝元素身上的,而不拷贝其原型上的值 */
const el = origin[key];
target[key] = deepClone(el);
}
}
} else if (type == "function") {
/* 函数 */
target = function() {};
target = origin;
} else {
/* 原始值 */
target = origin;
}
return target;
}

应用:

var test = [1, 2, null, undefined, false, [3, 4]];
var res = deepClone(test);
console.log(res, getType(res))
res.push(222);
console.log(res)
console.log(test)
var test1 = {
a: 1,
b: 2,
c: [1, 2],
d: function() {
console.log(this.d)
}
};
var res1 = deepClone(test1);
console.log(res1, getType(res1))
res1.b = 3;
res1.c.push('test');
console.log("res1修改值", res1);
console.log("test1原始值", test1);
res1.d = null;
console.log("res1修改值", res1);
console.log("test1原始值", test1);

简单类型的值克隆就不说了,这里举例了两个:一个克隆数组,一个克隆对象。

这个是克隆数组后,新数组增加值与元素组的比较。可以发现,新数组 res 虽然新增了值,但是对旧数组 test 没有影响。

js - 常用功能方法汇总(updating...)

说明这种引用类型的克隆不是简单的复制了一个指针

还有这个对象的克隆,新对象 res1 增添自己属性上数组的值【res1.c.push('test');】以及修改销毁自身的函数【res1.d = null;】,对于原对象 test1 都没有任何影响。

js - 常用功能方法汇总(updating...)

三、纯数字数组的排序

升序、降序、乱序(主要是对sort方法的简单应用与封装)。
 /*
* @Author: guojufeng@
* @Date: 2018-10-30 20:48:44
* @params {array}: 要排序的数组
* @params {type}: 数字,表示期望排序的顺序:1升序,2降序,3乱序
*/
function getSort(array, type) {
if (xingorg1Utils.getType(array) == "object") {
/* 伪数组转换为数组 */
array = Array.prototype.slice.call(array);
}
array.sort((a, b) = >{
/*
原理:返回值比较
当返回值为负数时,两个参数中前面的数放在前边
当返回值为正数时,两个参数中后面的数放在前边
当返回值为0时,参数位置不动
a,b代表当时比较的两位数,前边大于后边的,相减自然得正数。前边小于后边得,
*/
if (type == 1) {
return a - b;
// return 1;这样直接返回一个正数是不行额。
} else if (type == 2) {
return - a + b;
// return -1;这样直接返回一个负数是不行额。
} else if (type == 3) {
/* 原理就是,math randow返回得时0-1得开区间,拿返回得数减去0.5的话,则会随机返回正数或者负数。正数就前边得放前边,负数就后边的放前边。总之就是乱来。 */
let nowNum = Math.random();
// console.log(nowNum,nowNum-0.5)
return nowNum - 0.5;
}
}) return array;
}

应用:

 var arr = [12,61,7,21,357,215357,923,9723,53,1];
console.log(getSort(arr,1))
console.log(getSort(arr,2))
console.log(getSort(arr,3))
 

四、数组去重

/* 思路 */
准备一个对象和一个新数组,
循环原数组时,将数组的值当做对象的键,且对应值为true(/1皆可),
然后每次拿原数组的下一个值都去判断一下对象中是否有这个值,
没有再push到新数组中去,最后返回新数组。
 /*
* @Author: guojufeng@
* @Date: 2018-11-05 09:35:14
* 数组去重
* @params {arr}: 要去重的原数组
* @return {newArr}: 返回去重后的数组
*/
uniqArr: function (arr) {
var obj = {},
newArr = [];
obj[arr[0]] = true;
newArr.push(arr[0]);
arr.forEach((element) => {
if (!obj[element]) {
obj[element] = true;
newArr.push(element);
}
});
return newArr;
}
}

应用:

console.log(uniqArr([1, 2, 23, 1, 35, 1, 6, 34]))
console.log(uniqArr([1, 2, 23, 1, "gjf", 1, 6, "gjf","gfj"]))
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
上一篇:JAVA 基础编程练习题


下一篇:JAVA 基础编程练习题30 【程序 30 插入数字】