4.4.1、join
var arr = ["html","css","javascript"];
var b = arr.join();
console.log(typeof b);
console.log(arr.join("丨")) // html丨css丨JavaScript
4.4.2、data
var data = {
country:"美国",
year:1994,
story:"犯罪"
}
// 美国丨1994丨犯罪
var arr = []
for(var i in data){
arr.push(data[i])
}
var str = arr.join("丨");
console.log(str); // 美国丨1994丨犯罪
4.4.3、根据年龄升序/降序(sort)
var students = [
{name:"zhang",age:20},
{name:"li",age:18},
{name:"wang",age:9},
{name:"chen",age:14},
]
// 根据年龄升序
var result = students.sort((a,b)=>{
return a["age"]-b["age"];
})
console.log(result)
// 根据年龄降序
// var result = students.sort((a,b)=>{
// return b["age"]-a["age"];
// })
// console.log(result)
4.4.4、美团外卖排序
<button id="like">通过好评数排序</button>
<button id="price">通过价格排序</button>
<script>
var like = document.getElementById("like");
var sales = [
{name:"张三",like:60,distance:1000,price:10},
{name:"张三",like:30,distance:100,price:40},
{name:"张三",like:20,distance:500,price:6},
]
/*升序*/
function addOrder(arr,value){
if(Array.isArray(arr)){
var res = arr.sort((a,b)=>{
return a[value]-b[value];
})
return res;
}else{
return null;
}
}
like.onclick = function(){
console.log(addOrder(sales,"like"))
}
price.onclick = function(){
console.log(addOrder(sales,"price"))
}