I am poor and inexperienced.

【HTML】基础的知识每日一练(中)


avatar
Lucky 2024-01-05 397

26、FED28 返回星期数

请补全JavaScript函数,要求以字符串的形式返回数字参数所对应的星期。

示例:

  1. _getday(1) -> “星期一”
  2. _getday(7) -> “星期天”
<script type="text/javascript"></script>
    function _getday(value) {
       let arr = ['一','二','三','四','五','六','天']
       return '星期' + arr[value-1]
    }
</script>

 

27、FED29 从大到小排序

请补全JavaScript函数,要求将数组参数中的数字从大到小进行排序并返回。

 

<script type="text/javascript">
    // 填写JavaScript
    function _sort(array) {
        return array.sort(function (a, b) { return b - a })
    }
</script>

 

28、FED30 大写字符串

请补全JavaScript函数,要求将字符串参数转换为大写字符串并返回。

 

<script type="text/javascript">
    // 填写JavaScript
    function _touppercase(string) {
        return string.toUpperCase()
    }
</script>

 

29、FED31 对象属性键名

请补全JavaScript函数,要求以数组的形式输出对象各个属性的键名。 示例: 1. _keys({name:’nowcoder’,age:7}) – [‘name’,’age’] 注意:只需考虑对象属性均为原始数据类型的情况。

 

<script type="text/javascript">
    // 填写JavaScript
    function _keys(object) {
        return Object.keys(object)
    }
</script>

 

30、FED32 对象数字

请补全JavaScript函数,要求将数字参数转换为对象的形式返回。

示例:

  1. typeof number === ‘number’ -> typeof _numbertoobject(number) === ‘object’

 

<script type="text/javascript">
    // 填写JavaScript
    function _numbertoobject(number) {
        return Object(number)
    }
</script>

 

31、FED33 对象字符串

请补全JavaScript函数,要求将字符串参数转换为对象的形式返回。

示例:

  1. typeof string === ‘string’ -> typeof _stringtoobject(string) === ‘object’

 

<script type="text/javascript">
    // 填写JavaScript
    function _stringtoobject(string) {
        return Object(string)
    }
</script>

 

32、FED34 去除字符串两端空格

请补全JavaScript函数,要求去除参数字符串两端的空格并返回。

 

<script type="text/javascript">
    // 填写JavaScript
    function _trim(string) {
        return string.trim()
    }
</script>

 

33、FED35 输出日期

请补全JavaScript函数,要求以字符串的形式输出时间戳参数所对应的”年-月-日”。

示例:

  1. _date(1631159776311) -> ‘2021-9-9’

 

<script type="text/javascript">
    // 填写JavaScript
    function _date(number) {
        let date = new Date(number)
        return date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate()
    }

</script>

 

34、FED36 数字取整

请补全JavaScript函数,要求返回数字参数的整数部分。

 

<script type="text/javascript">
    // 填写JavaScript
    function _int(value) {
        return Math().trunc(value)
        // Math.floor(value)  向下取一个整数
        // Math.cell(value)  向上取整
        // Math.round(value) 返回一个四舍五入的值
        // Math.trunc(value) 直接去除小数点后面的值
    }
</script>

 

35、FED37 数组反转

请补全JavaScript函数,要求将参数数组反转之后返回。

 

<script type="text/javascript">
    // 填写JavaScript
    function _reverse(array) {
        // 补全代码
        return array.reverse()
    }
</script>

 

36、FED38 数组转字符串

请补全JavaScript函数,要求将参数数组转换为字符串输出。

示例:

  1. _join([1,’2′,3]) -> “123”

注意:只需考虑一维数组且数据类型为原始数据类型。

<script type="text/javascript">
    // 填写JavaScript
    function _join(array) {
        return array.join('')
    }
</script>

 

37、FED39 数组最大值

请补全JavaScript函数,要求找到数组参数中的最大值并返回。

注意:数组中只包含数字。

 

<script type="text/javascript">
    // 填写JavaScript
    function _max(array) {
        // return Math.max(...array)
        return array.sort(function (a, b) { return b - a })[0]
    }
</script>

 

38、FED40 搜索数字

请补全JavaScript函数,要求以boolean的形式返回字符串参数中是否包含数字。

 

<script type="text/javascript">
    // 填写JavaScript
    function _search(string) {
        var n = string.search(/\d/);
        if (n == -1) {
            return false;
        } else {
            return true;
        }
    }
</script>

 

39、FED41 头部插入元素

请补全JavaScript函数,要求将第二个参数插入第一个参数数组的头部,并且以数组的形式返回。

 

<script type="text/javascript">
    // 填写JavaScript
    function _unshift(array, value) {
        return array.unshift(value)
    }
</script>

 

40、FED42 头部插入元素

请补全JavaScript函数,要求将第二个参数插入第一个参数数组的尾部,并且以数组的形式返回。

 

<script type="text/javascript">
    // 填写JavaScript
    function _push(array, value) {
        return array.push(value)
    }
</script>

 

41、FED43 js-位置查找

请补全JavaScript函数,要求以数字的形式返回第一个参数数组中第二个参数所在的首个索引值。

注意:如果数组中不存在目标值,则返回-1。

 

<script type="text/javascript">
    // 填写JavaScript
    function _indexof(array, value) {
        return array.indexOf(value)
    }
</script>

 

42、FED44 向下取整

请补全JavaScript函数,要求以数字的形式返回数字参数向下取整的结果。

 

<script type="text/javascript">
    // 填写JavaScript
    function _floor(number) {
        return Math.floor(number)
    }
</script>

 

43、FED45 整数反转

请补全JavaScript函数,要求将整数参数反转之后输出。

示例:

  1. _reverse(0) -> 0
  2. _reverse(233) -> 332
  3. _reverse(-223) -> -322

 

<script type="text/javascript">
    // 填写JavaScript
    function _reverse(number) {
        let mark = number < 0 ? -1 : 1;
        return parseInt(String(Math.abs(number)).split('').reverse().join('')) * mark;
    }
</script>

 

44、FED46 字符串搜索

请补全JavaScript函数,要求以boolean的形式返回字符串首参中是否包含第二个参数。

 

<script type="text/javascript">
    // 填写JavaScript
    function _search(string, value) {
        // 补全代码
        return string.indexOf(value) != -1
    }
</script>

 

45、FED47 函数——参数对象

请补全JavaScript函数,要求返回它的参数伪数组对象。

 

<script type="text/javascript">
    // 填写JavaScript
    function getArguments(a, b, c) {
        return arguments
    }
</script>

 

46、FED48 this指向

请补全JavaScript函数,使obj对象中fn函数返回该对象中a属性和b属性的和。

 

<script type="text/javascript">
    var obj = {
        a: 1,
        b: 2,
        fn: function () {
            // 补全代码
            return this.a + this.b
        }
    }        
</script>

 

47、FED49 JS动态创建节点

请补全JavaScript函数,根据参数数组创建li元素。

要求:

  1. li元素的个数和数组的长度一样
  2. li元素的内容是数组中的每个元素
  3. 将创建的所有li元素插入到ul中
<script type="text/javascript">
    function createLi(array) {
        // 补全代码
        //let ulEl = document.querySelector('ul');
        //array.forEach(item => {
        //    let li = document.createElement('li');
        //    li.innerText = item;
        //    ulEl.appendChild(li)
        //})
        let ulEl = document.querySelector('ul');
        let str = ""
        array.forEach(item => {
            str = str + `<li>${item}</li>`;
        })
        ulEl.innerHTML = str;
    }     
</script>

 

48、FED50 根据ID获取元素

请补全JavaScript函数,根据id获取html模块中ul标签下第二个li元素并返回。

 

<script type="text/javascript">
    function getLI(id) {
        // 补全代码
        return document.getElementById('li')
    }      
</script>

 

49、FED51 JS修改元素内容

请补全JavaScript函数,将类为”box”的div元素内容修改为”欢迎来到牛客网”。

 

<body>
    <div class='box'></div>
    <script type="text/javascript">
        function modifyText() {
            // 补全代码
            //  let div = document.getElementsByClassName('box')
            //  div[0].innerHTML = '欢迎来到牛客网'
            let div = document.querySelector('.box')
            div.innerHTML = '欢迎来到牛客网'
        }    </script>
</body>

 

50、FED52 阻止冒泡事件

请补全JavaScript函数,要求在点击li元素的时候不触发ul的事件。

注意:需要自行获取li元素。

 

<html>
<head>
    <meta charset=utf-8>
</head>
<body>
    <ul>
        <li>nowcoder</li>
    </ul>
</body>
<script type="text/javascript">
    // 补全代码
    // let li = document.querySelector('li')
    let li = document.getElementsByTagName('li')[0]
    li.addEventListener('click', function (e) {
        e.stopPropagation()
    })
        // li.onclick = function(e) {
        //     e.stopPropagation()
        // }
</script>
</html>