JavaScript系列—常见数组编程题

浅浅的花香味﹌ 2021-12-23 22:11 279阅读 0赞

### 1.数组去重 ###

以下介绍三种写法

/* ES6去重 */
        var arr = [1, 2, 2, 3];
        var set = new Set(arr);
        var newArr = Array.from(set);
    
        /* es5去重 */
        function uniq(arr) {
          let temp = [];
          for (var i = 0; i < arr.length; i++) {
            if (temp.indexOf(arr[i]) === -1) {
              temp.push(arr[i]);
            }
          }
          return temp;
        }
    
        /* reduce去重 */
        let arr = [1,2,3,3]
        arr.reduce((prev,cur) => {
          if(prev.indexOf(cur) === -1){
            prev.push(cur)
          }
          return prev
        },[])

### 2.数组求和 ###

### 3.求数组项最大值 ###

/* 常规办法 */
        var arr = [1, 2, 2, 3];
        function sumArr(arr) {
          let max = arr[0];
          for (let i = 1; i < arr.length; i++) {
            if (arr[i] > max) {
              max = arr[i]
            }
          }
          return max
        }
        sumArr(arr)
        /* es6扩展运算符 */
        var arr = [1, 2, 2, 3];
        function getMax(arr) {
          return Math.max(...arr)
        }
        getMax(arr)
    
        /* reduce数组最大值 */
        var arr = [1, 2, 2, 3];
        arr.reduce((prev, cur) => {
          return Math.max(prev, cur);
        })

### 4.判断一个字符串出现次数最多的字符，并统计这个次数 ###

### 5.求一个字符串的字节长度 ###

// js获取一个字符串的字节长度
        // 因为中文字占两个字节，英文占一个字节。
        function getLen(str) {
          // 假如有中文字符那么就替换成两个 英文字符（aa）
          str = str.replace(/[\u4e00-\u9fa5]/g,"aa");
          return str.length;
        }
        getLen('我是a');

### 6.字符串转驼峰 ###

### 7.用js实现trim()方法 ###

> trim()去除字符串的头尾空格:

### 8.add(1)(2)(3)() ###

首先实现一个定制版的

输出为6

add(1)(2)(3)()做成扩展性的

### 9.实现一个深拷贝 ###

上面为什么要这么判断呢，因为

### 注意4：存在性 ###

如何在不访问属性值的情况下判断对象中是否存在某个属性呢，看下面的代码。

// 木易杨
    var anotherObject = {
        a: 1
    };
    
    // 创建一个关联到 anotherObject 的对象
    var myObject = Object.create( anotherObject );
    myObject.b = 2;
    
    ("a" in myObject); // true
    ("b" in myObject); // true
    
    myObject.hasOwnProperty( "a" ); // false
    myObject.hasOwnProperty( "b" ); // true

这边使用了 `in` 操作符和 `hasOwnProperty` 方法，区别如下（你不知道的JS上卷 P119）：

1、`in` 操作符会检查属性是否在对象及其 `[[Prototype]]` 原型链中。

2、`hasOwnProperty(..)` 只会检查属性是否在 `myObject` 对象中，不会检查  `[[Prototype]]` 原型链。

`Object.assign` 方法肯定不会拷贝原型链上的属性，所以模拟实现时需要用`hasOwnProperty(..)` 判断处理下，但是直接使用 `myObject.hasOwnProperty(..)`是有问题的，因为有的对象可能没有连接到 `Object.prototype` 上（比如通过`Object.create(null)` 来创建），这种情况下，使用`myObject.hasOwnProperty(..)` 就会失败。

// 木易杨
    var myObject = Object.create( null );
    myObject.b = 2;
    
    ("b" in myObject); 
    // true
    
    myObject.hasOwnProperty( "b" );
    // TypeError: myObject.hasOwnProperty is not a function

解决方法也很简单，使用我们在【进阶3-3期】中介绍的 `call` 就可以了，使用如下。

// 木易杨
    var myObject = Object.create( null );
    myObject.b = 2;
    
    Object.prototype.hasOwnProperty.call(myObject, "b");
    // true