js常用函数(持续更新中)

拼搏现实的明天。 2022-03-27 10:40 327阅读 0赞

*  shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。
 *  unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。
 *  map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值.

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无情剑客</title>
    </head>
    <body>
    
    <p>点击按钮将数组中的每个元素乘于输入框指定的值，并返回新数组。</p>
    <p>最小年龄: <input type="number" id="multiplyWith" value="10"></p>
    <button onclick="myFunction()">点我</button>
    <p>新数组: <span id="demo"></span></p>
    <script>
    var numbers = [65, 44, 12, 4];
    function multiplyArrayElement(num) { 
        return num * document.getElementById("multiplyWith").value;
    }
    function myFunction() { 
        document.getElementById("demo").innerHTML = numbers.map(multiplyArrayElement);
    }
    </script>
    
    </body>
    </html>

*  filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。
 *  splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。
 *  js判断对象重复的方法：

/** * 比较两个对象是否相等 */
    export  default  function    compareObject(obj1,obj2){ 
      //Object.getOwnPropertyNames():方法返回一个指定对象所有自身属性的属性名（包括不可枚举属性但不包括Symbol值作为名称的属性）组成的数组。
      //对象内置属性方法:Object.keys()；该方法返回一个数组，数组内包括对象内可枚举属性以及方法名称。数组中属性名的排列顺序和使用 for...in 遍历该对象时返回的顺序一致。
        var  attrs1 = Object.keys(obj1);
        var   attrs2 = Object.keys(obj2);
        if (attrs1.length   !=   attrs2.length){ 
            return   false;
        }
        for (var  j = 0; j <   attrs1.length;j++){ 
          var   attrNames = attrs1[j];
          if (obj1[attrNames] != obj2[attrNames]){ 
              return  false;
          }
        }
        return  true;
    }

*  forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。

array.forEach(function(currentValue, index, arr), thisValue)

Demo:

<button onclick="numbers.forEach(myFunction)">点我</button>
    <p id="demo"></p>
     
    <script>
    demoP = document.getElementById("demo");
    var numbers = [4, 9, 16, 25];
     
    function myFunction(item, index) { 
        demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + item + "<br>"; 
    }
    </script>

*  apply 通过 apply() 方法，您能够编写用于不同对象的方法。

person的fullName方法用在person1。

var person = { 
        fullName: function() { 
            return this.firstName + " " + this.lastName;
        }
    }
    var person1 = { 
        firstName: "无情",
        lastName: "剑客",
    }
    person.fullName.apply(person1);  // 将返回 "无情 剑客"