令人惊艳的JS代码

最新推荐文章于 2023-04-09 16:53:35 发布

原创最新推荐文章于 2023-04-09 16:53:35 发布 · 430 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

本文介绍了JavaScript中数组去重、数组转化为对象、条件运算符使用、类型转换等常见操作的方法，并提供了性能测试及对象合并的示例。

一.数组去重

方法一：利用双循环

// 1.数组去重(一般情况下大多都是双重遍历orindexOf的方式)
// 双重for循环去重
function unique(arr){
    for(var i=0;i<arr.length;i++){
        for(var j=i+1;j<arr.length;j++){
            if(arr[i]==arr[j]){
                arr.splice(j,1);
                j--;
            }
        }
    }
    return arr;
}

方法二：利用indexOf

function unique(arr){
    if(!Array.isArray(arr)){
        console.log("type error!")
        return;
    }
    var array=[];
    for(var i=0;i<arr.length;i++){
        if(array.indexOf(arr[i])==-1){
            array.push(arr[i])
        }
    }
    return array;
}

二.数组转化为对象

方法一：

var obj={}
var arr=["1","2","3"]
for(var key in arr){
    obj[key]=arr[key]
}
console.log(obj)
// Output:
//{0:1,1:2,2:3}

方法二：

const arr=[1,2,3]
const obj={...arr]
console.log(obj)
// Output:
//{0:1,1:2,2:3}

三.三元运算符

方法一：

const isGood=true;
let feeling;
if(isGood){
    feeling='good'
}else{
    feeling='bad'
}
console.log(`I feel ${feeling}`)

// Output:
// I feel good

方法二：单行思想

const isGood=true
const feeling=isGood?'good':'bad'
console.log(`I feel ${feeling}`)

四：转换为数字类型

常用parseInt(),Number()

方法一：parseInt()

const age="69"
const ageConvert=parseInt(age)
console.log(typeof ageConvert)

方法二：

const age="69"
const ageConvert=+age
console.log(typeof ageConvert)
//Output：number

五.转换为字符串类型

转换为字符串一般常用toString(), String()

let a=123
a.toString();//'123'

方法二：也可以用value+""来实现

let a=123;
a+"";//'123'

六.性能耗时

let start=performance.now()
let sum=0
for(let i=0;i<100000;i++){
	sum+=1
}
let end=performance.now()
console.log(start)
console.log(end)

七.合并对象

方法一：利用Object.assign

const obj1={a:1}
const obj2={b:2}
console.log(Object.assign(obj1,obj2))
//Output:
//{a:1,b:2}

方法二：同过展开操作符(spread operator)来实现

const obj1={a:1}
const obj2={b:2}
const combinObj={...obj1,...obj2}
console.log(combinObj)
//Output:
//{a:1,b:2}