JavaScript面试实操题

最新推荐文章于 2022-11-15 23:21:14 发布

c0lmdown

最新推荐文章于 2022-11-15 23:21:14 发布

阅读量1k

点赞数

文章标签： javascript 面试前端

本文链接：https://blog.csdn.net/qq_51689567/article/details/121984813

版权

数组去重

<script>        
//利用双层循环实现数组去重
        function unique() {
            var arr = [1,2,3,4,4,4,5];  //数组
            var hash = [];  //定义新数组
            for (var i = 0; i < arr.length; i++) {  //外层循环
                for (var j = i + 1; j < arr.length; j++) {  //内层循环
                    if (arr[i] === arr[j]) {    //当出现重复的元素
                        ++i;    //i++ 跳出内层循环 新一轮的外层循环
                    }
                }
                hash.push(arr[i]);  //将遍历去重数后的数组添加到新数组中
            }
            return hash;    //函数返回新数组
        }
        console.log(unique());

//利用下标实现数组去重
        function unique() {
            var arr = [2, 8, 5, 0, 5, 2, 6, 7, 2];  //定义数组
            var hash = [];  //定义新数组
            for (var i = 0; i < arr.length; i++) {  //遍历循环数组
                if (hash.indexOf(arr[i]) == -1) {  //当新数组中没有这个元素
                    hash.push(arr[i]);  //这个元素添加进新数组
                }
            }
            return hash;    //返回新数组
        }
        console.log(unique());
</script>

查找数组中重复最大的元素和次数

//方法一：数组遍历 对象遍历        
		function findMost() {
            var arr = [3, 5, 6, 5, 9, 8, 10, 5, 7, 7, 10, 7, 7, 7, 7, 10, 10, 10, 10, 10]; //定义数组
            if (!arr.length) return //当数组为空时，返回
            if (arr.length === 1) return 1 //当数组中只有一个元素时，返回1
            let res = {} //定义对象
            let maxName, maxNum = 0; //定义maxName,maxNum变量
            // 利用forEach()方法遍历数组
            arr.forEach((item) => {
                res[item] ? res[item] += 1 : res[item] = 1 ;
                //将遍历的数组转换成对象中key-value的键值对 并存入对象res中
                // 3:1
                // 5:1 2 3
                // 6:1
                // 9:1
                // 8:1
                // 10:1 2 3 4 5 6 7
                // 7:1 2 3 4 5 6 
                //forEach()方法将属性排序后，传入res对象中，没有返回值
            });
            console.log(res);
            // 利用for...in()方法 遍历 res对象的属性
            for (let r in res) {
                if (res[r] > maxNum) { //比较res中属性的对应value值，当大于变量maxNum时
                    maxNum = res[r]; //将value值赋值给maxNum
                    maxName = r; //将对应的属性赋值给maxName
                }
            }
            return '出现次数最多的元素为:' + maxName + ', 出现次数为:' + maxNum; //返回
        }
        console.log(findMost());

//方法二：遍历数组 将对象遍历省略
        function findMost() {
            var arr = [3, 5, 6, 5, 9, 8, 10, 5, 7, 7, 10, 7, 7, 7, 7, 10, 10, 10, 10, 10]; //定义数组
            if (!arr.length) return;
            if (arr.length === 1) return 1;
            let res = {};
            let maxName, maxNum = 0;
            // 遍历数组
            arr.forEach((item) => {
                res[item] ? res[item] += 1 : res[item] = 1;
                if (res[item] > maxNum) {
                    maxName = item;
                    maxNum = res[item];
                }
            });
            return '出现次数最多的元素为:' + maxName + ', 出现次数为:' + maxNum;
        }
        console.log(findMost());

//方法三：数组的reduce()方法
        function findMost() {
            var arr = [3, 5, 6, 5, 9, 8, 10, 5, 7, 7, 10, 7, 7, 7, 7, 10, 10, 10, 10, 10]; //定义数组
            if (!arr.length) return;
            if (arr.length === 1) return 1;
            let maxName, maxNum = 0;
            //创建对象，并赋值arr.reduce();可作为累加器，是高阶函数
            let res = arr.reduce((res, currentNum) => {
                //(res,currentNum)=>{}为箭头函数。出现闭包，因为是遍历循环，所以增加匿名函数
                res[currentNum] ? res[currentNum] += 1 : res[currentNum] = 1;
                if (res[currentNum] > maxNum) {
                    maxNum = res[currentNum];
                    maxName = currentNum;
                }
                return res;
            }, {});
            return '出现次数最多的元素为:' + maxName + ', 出现次数为:' + maxNum;
        }
        console.log(findMost());

正则表达式题

写一段简单的正则表达式，匹配并取出字符串"http://www.czy.com/s?key=3"中的域名部分（注：域名部分非固定）

var str = "http://www.czy.com/s?key=3";
var reg = /http:\/\/([A-Za-z\.]+)\S+/;
var result = reg.exec(str);
if(result){
    alert(result[1]);
}

用原生JavaScript编写程序：创建一个`ul`无序列表元素添加到`body`,`ul`下包含5个`li`元素，每个`li`元素包含一个`text`类型元素，`text`元素内容可自定义

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "HTTP://www.w3.org/TR/html4/loose.dtd">
    <html lang = "en">
        <head>
        <meta http-equiv="Content-Type" content="text/html;charset = UTF-8">
            <script>
            window.onload=function(){
            var ulNode = document.createElement('ul');
            var bodyNode = document.getElementsByTagName('body');
            bodyNode(0).appendChild(ulNode);
            for(var i = 0 ; i < 5 ; i++){
                var liNode = document.createElement('li');
                var textNode = document.createTextNode('li' + i);
                liNode.appendChild(textNode);
                ulNode.appendChild(liNode);
            }
        }
            </script>
        </head>
<body></body>
</html>

假设有一个基础对象叫”动物“，拥有以下属性：腿的数量，是否有尾巴；有另外一个对象叫”猫“，拥有”动物“对象的属性，并增加一个属性为：动物名称，再增加一个方法，返回动物名称+腿的数量+是否有尾巴的描述，请使用JavaScript原型链继承来创建以上2个对象。

原型链：
function Animal(){}
Animal.prototype.leg = 4;
Animal.prototype.tail = true;
var animal = new Animal();
function Cat(){}
Cat.prototype = animal;
Cat.ptototype.name = 'cat';
Cat.prototype.getInfo = function(){
    return "Animal's name :" + this.name + ",number of leg :" + his.leg + ",has tail: " + Boolean(this.tail);
}
var cat = new Cat();
cat.getInfo();

构造器
function Animal(leg,tail){
    this.leg = leg;
    this.tail = tail;
}
function Cat(name,leg,tail){
    Animal.call(this,leg,tail);
    this.name = name;
    this.getInfo = function(){
        return "Animal's name:" + this.name + ",number of leg:" + this.leg + ",has tail:" + Boolean(this.tail);
    }
}

var cat = new Cat('cat',4,true);
cat.getInfo();

c0lmdown

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
JavaScript面试实操题

数组去重<script> //利用双层循环实现数组去重 function unique() { var arr = [1,2,3,4,4,4,5]; //数组 var hash = []; //定义新数组 for (var i = 0; i < arr.length; i++) { //外层循环 for (var j = i + 1; j <
复制链接

扫一扫