参考04-javascript高级2-javascript高级_day02 day02_javascript高级.pptVIP

练习 用户输入价格区间,筛选出对应的数据并渲染到页面 提示 结构中两个文本框和一个按钮 为按钮绑定点击事件处理筛选结果 在事件对应的处理函数中筛选第一个文本框和第二个文本框输入的价格区间使用filter方法筛选出对应的数据 将渲染数据的函数进行封装 当搜索按钮点击之后渲染筛选出来的数据 5分钟 6.8 查询商品案例-根据价格筛选商品练习 视 练 结 使用some方法查询满足条件的数据并渲染 要点提示 查询商品案例-根据商品名称筛选商品 掌握程度：应用 7.1 查询商品案例-根据商品名称筛选商品 结 视 练 定义一个文本框和一个查询按钮 为查询按钮绑定点击事件处理查询结果 当查询的数据和数据中的匹配则终止查询,使用数组some方法 因为渲染数据使用的是数组,需要重新定义数组来接收查询的结果后,再调用封装好的渲染数据的函数 7.2 查询商品案例-根据商品名称筛选商品总结 课堂问答 视 知识总结 结 练 练习 用户搜索商品名称,渲染对应的商品信息 提示 为查询按钮绑定点击事件处理查询结果 当查询的数据和数据中的匹配则终止查询,使用数组some方法 因为渲染数据使用的是数组,需要重新定义数组来接收查询的结果后,再调用封装好的渲染数据的函数 5分钟 7.3 查询商品案例-根据商品名称筛选商品练习 视 练 结 如果查询数组中唯一的元素,用some更合适,some遇到true就会终止循环,