js牛客网编程练习汇总（二）

一、请补全JavaScript代码，要求根据下拉框选中的条件变换重新渲染列表中展示的商品，且只展示符合条件的商品。

            注意：1. 必须使用DOM0级标准事件（onchange）

                       2. 建议使用ES6的filter方法

      



      
            请选择销量范围
            <100
            100~500
            >500
      
      

            
牛客logo马克杯
            
无盖星空杯
            
老式茶杯
            
欧式印花杯
      

      

二、请补全JavaScript代码，要求在Number对象的原型对象上添加"_isPrime"函数，该函数判断调用的对象是否为一个质数，是则返回true，否则返回false。

三、请补全JavaScript代码，要求以Boolean的形式返回字符串参数是否符合身份证标准。

注意：1. 无需考虑地区信息、出生日期、顺序码与校验码的验证

四、请补全JavaScript代码，要求以键/值对的对象形式返回参数数组。要求如下：

         1. 键名的数据类型为Symbol

         2. 键值为当前数组项

         3. Symbol的描述为当前数组项

         4. 返回普通对象

            const _symbolKey = array => {
                  // 补全代码
                  let obj = new Object()
                  array.forEach(aa => {
                        obj[Symbol(aa)] = aa
                  });
                  return obj
            }

五、请补全JavaScript代码，要求以boolean的形式返回两个Set对象参数是否一样，是则返回true，否则返回false。

 知识点补充：

new Set()	创建新的 Set 对象。
add()	向 Set 添加新元素。
clear()	从 Set 中删除所有元素。
delete()	删除由其值指定的元素。
entries()	返回 Set 对象中值的数组。
has()	如果值存在则返回 true。
forEach()	为每个元素调用回调。
keys()	返回 Set 对象中值的数组。
values()	与 keys() 相同。
size	返回元素计数。

 六、请补全JavaScript代码，完成名为"Rectangle"的矩形类。要求如下：
        1. 构造函数只包含两个参数，依次为"height"、"width"
        2. 设置Getter，当获取该对象的"area"属性时，返回该对象"height"与"width"属性的乘积

这里涉及到了class类的知识点，可以参考以下详细讲解文章：

ES6--class类（详解/看完必会）_class类详解_suoh's Blog的博客-CSDN博客

七、请补全代码，要求当滑动id为"range"的滑块控件时可以改变id为"rect"的矩形旋转速度。要求如下：
        1. id为"rect"的矩形初始动画周期为10秒
        2. id为"range"的滑块控件默认值为1、最小值为、最大值为10、滑动间隔为1
        3. 当滑动滑块值为1时，矩形动画周期为10秒、当...，为...、当滑动滑块值为10时，矩形动画周期为1秒
注意：
1. 必须使用DOM0级标准事件（onchange）

知识点： 

input框的type类型为range，就是一个进度条展示，可能平时用的少，今天拓展一下

 动画属性：

animation: name duration timing-function delay iteration-count direction;

animation-name	规定需要绑定到选择器的 keyframe 名称。
animation-duration	规定完成动画所花费的时间，以秒或毫秒计。
animation-timing-function	规定动画的速度曲线。
animation-delay	规定在动画开始之前的延迟。
animation-iteration-count	规定动画应该播放的次数。
animation-direction	规定是否应该轮流反向播放动画。
animation-fill-mode	规定动画在执行时间之外应用的值。
animation-play-state	规定动画是正在运行还是暂停。

 八、根据题目要求，将页面中的“p”标签DOM节点保存在Map对象的键名中，其内容保存在键值中，核心步骤有：

1. 通过document.querySelector获取页面中“p”元素标签
2. 初始化Map实例保存“p”标签DOM节点和内容

      
1
      

九、请补全JavaScript代码，实现以下效果：
        1. 选中"全选"框，以下所有选项全部勾选。
        2. 把"全选"框从选中状态勾选成未选中状态，其他复选框全部取消选中效果。
        3. 当其他复选框全部选中，"全选框"为选中状态。
        4. 当其他复选框有一个未选中，"全选框"取消选中状态。
注意：
        1. 必须使用DOM0级标准事件（onchange）

      




      

            
全选
            
Java
            
javaScript
            
C++
            
python
            
.net
      

      

知识点：

Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组，也是ES6的新增方法。

那么什么是类数组对象呢？所谓类数组对象，最基本的要求就是具有length属性的对象。

所以document.querySelectorAll('.item')在没转换为真正的数组时是下面这样的。

​

 转换后：

​

​

十、请补全JavaScript代码，要求以boolean的形式返回参数字符串是否为回文字符串。

学会巧妙运用数组的reverse反转方法，以及数组转字符串方法join。