                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

请问这样的要求你们会怎样设计？这是我自己想的情景，我只会把其中的数字单独排序，想不出整个短语的排序。

网页页面里面写了不同名称的商品，并标注了价格【例：苹果手机 ¥5000 （下一行）三星笔记本 ¥7000 等等】。然后有个按钮，点了之后商品会自动按照价格从低到高的顺序排序，其他不变。同时，不管以后换了什么商品，只要是这个格式（某某名字 ¥XXX），都能正常运行。

风起临冬

2018-08-01

源自：JavaScript进阶篇 9-3

关注问题我要回答

607

操作

收起

3 回答

风起临冬提问者
2019-06-21

时隔大半年，再回头看看自己的提问还是挺简单的。可以用数组的形式储存不同商品的信息，如[{product: "apple", price: 5000}, {product: "samsung", price: 7000}]，然后根据object.price的大小对数组排序，并在页面中重新渲染。至于如何渲染，可以用原生js循环操作dom，改变对应的节点，也可以用react、vue等框架，比较方便，直接操作数据自动映射到真实dom上。其实一般不会直接在前端创建这种数组，一般是从后端返回一个json。