几道面试题

2017-05-11 本文已影响8人去年17

1、通过原型扩展Array的distinct方法
经过好几种方式的最终还只有一种傻办法实现
其原理为，定义两个数组，一个为筛选过后的数组，一个为原数组
其代码如下

/ 方法一 新建一个临时数组进行接收，然后进行匹对返回
Array.prototype.distinct =
    function () {
        let arr = this; 
        let new_arr = [];
        if (arr.length == 0) {
            new_arr = arr;
        } else {
            arr.forEach((item, index) => {
                if (new_arr.indexOf(item) < 0) {
                    new_arr.push(item);
                }
            });
        }
        return new_arr;
    }
//for test
let arr = [4, 5, 6, 7, 4, 34, 7, 5, 6, 7, 56]
console.log(`原来数组 ${arr} \n输出数组${arr.distinct()} `);

在摸索的过程中又重新温习了 Array.splice(index,many,item1…) 进行增删改功能参考数组Splice方法（增删改）
学习了使用Array.sort进行排序JavaScript sort() 方法
语法
arrayObject.sort(sortby)
参数描述
sortby 可选。规定排序顺序。必须是函数。
返回值
对数组的引用。请注意，数组在原数组上进行排序，不生成副本。
说明
如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符串（如有必要），以便进行比较。
如果想按照其他标准进行排序，就需要提供比较函数，该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下：
若 a 小于 b，在排序后的数组中 a 应该出现在 b 之前，则返回一个小于 0 的值。
若 a 等于 b，则返回 0。
若 a 大于 b，则返回一个大于 0 的值。

小例子一个:

[4, 5, 6, 7, 4, 34, 7, 5, 6, 7, 56].sort((a,b)=>{return a-b})
//输出[4, 4, 5, 5, 6, 6, 7, 7, 7, 34, 56]

2、HTML 5 应用程序缓存（cache）参考

index.html

<!DOCTYPE HTML>
<html manifest="demo.appcache">

<body>
The content of the document......
</body>

</html>

demo.appcache

CACHE MANIFEST
# 2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js

NETWORK:
login.asp

FALLBACK:
/html5/ /404.html

其中demo.appcache是一个缓存描述文本文件（推荐以appcache为后缀）
manifest 文件可分为三个部分：
CACHE MANIFEST - 在此标题下列出的文件将在首次下载后进行缓存
NETWORK - 在此标题下列出的文件需要与服务器的连接，且不会被缓存
FALLBACK - 在此标题下列出的文件规定当页面无法访问时的回退页面（比如 404 页面）其中上面的 FALLBACK 小节规定如果无法建立因特网连接，则用 "/404.html" 替代 /html5/ 目录中的所有文件

重要的提示：以 "#" 开头的是注释行，但也可满足其他用途。应用的缓存会在其 manifest 文件更改时被更新。如果您编辑了一幅图片，或者修改了一个 JavaScript 函数，这些改变都不会被重新缓存。更新注释行中的日期和版本号是一种使浏览器重新缓存文件的办法。

几道面试题

猜你喜欢

热点阅读