美文网首页
2. wow.js阅读总结

2. wow.js阅读总结

作者: 最爱喝龙井 | 来源:发表于2019-09-26 19:25 被阅读0次

1. indexOf方法的实现

Array.prototype.ownIndexOf = function(item) {
    for(var i = 0, l = this.length; i < l; i++) {
        if(i in this && this[i] == item) {
            return i;
        } 
        return -1;
    }
}
var arr = ['apple', 'banana', 'orange'];
console.log(arr.ownIndexOf('banana'));// 1

注意:这里面的i in this,这一句首先要明白in操作符的用法,如果是对象i指的是对象的属性名,如果是数组i指的是数组的索引,从而判断是不是属于这个对象或这数组。

2. 合并对象的方法

function demo(old, now) {
    var key, value;
    for(key in now) {
        value = now[key];
        if(old[key] == null){  //判断目标对象中有没有这个属性,没有的话,就添加这个属性
            old[key] = value;
        }
    }
    return old;
}

var obj1 = {
    name: 'jason',
    age: 18,
    sex: 'girl'
}
var obj2 = {
    sex: 'boy'
}
console.log(demo(obj1, obj2)); // { name: 'jason', age: 18, sex: 'girl' }

相关文章

  • 2. wow.js阅读总结

    1. indexOf方法的实现 注意:这里面的i in this,这一句首先要明白in操作符的用法,如果是对象i指...

  • 动画插件wow.js的使用

    wow.js使用步骤: 1.wow.js插件可以使页面形成各种各样的动画效果。 2.使用步骤: wow.js依赖于...

  • wow.js使用教程

    设置WOW.js 1.引入css动画库 2.引入wow.js并且初始化 显示CSS动画 1.设置css类 将CSS...

  • 【WOW.js】Animate.css的黄金搭档

    本节目录 WOW.js简介 WOW.js基础用法 【简介】 WOW.js的出现,让Animate.css有更多可玩...

  • wow.js的使用方法

    wow.js简介 功能: 滚动页面, 显示css动画 和animate.css配合使用 wow.js基本使用 基本...

  • 2019-4-19 计划

    1叶.日总结,总结 2.阅读三买 3.金字塔 4...工作

  • 001-解锁方向

    总结: 1.学习英语 2.健身 如果工作四年一定要总结一个经验,那就是学习英语。 汉语阅读->英文阅读...

  • wow.js

    核心作用:让页面滚动更有趣 使用 配合Animate.css使用 github中搜索wow,下载 1.引用库 2....

  • wow.js

    有什么技术性的问题欢迎大家留言 ! < ! ---------- HTML ------------ > < !...

  • wow.js

    demo地址:http://www.dowebok.com/131.htmlgit :https://github...

网友评论

      本文标题:2. wow.js阅读总结

      本文链接:https://www.haomeiwen.com/subject/pybeyctx.html