> For AI agents: the complete documentation index is available at /llms.txt, the full documentation bundle is available at /llms-full.txt.

# 常用方法

## 分享一些常用的 JS 方法

### 1、Copy URL 地址

> 方式一

```js title="拷贝地址"
/**
 * @description 拷贝地址
 * @param {string} url 地址
 **/
export const copyUrl = (url, type = 1) => {
    if (type == 1) {
        navigator.clipboard
            .writeText(url)
            .then(() => {
                console.log("复制成功");
            })
            .catch((err) => {
                console.log("复制失败", err);
            });
        return;
    }
};
```

> 方式二

```js title="拷贝地址"
/**
 * @description 拷贝地址
 * @param {string} url 地址
 **/
export const copyUrl = (url) => {
    let input = document.createElement("input");
    input.value = url;
    document.body.appendChild(input);
    input.select();
    document.execCommand("copy");
    document.body.removeChild(input);
};
```

### 2、处理文件大小展示

```js title="计算文件大小"
/**
 * @description 计算文件大小
 * @param {number} fileSize 文件大小
 * @return {string} 计算后的文件大小值
 **/
export const name = (fileSize = 0) => {
    if (!fileSize) return null;
    let size = 0,
        unit = "";
    if (fileSize > 1073741824) {
        size = (fileSize / 1073741824).toFixed(4) * 1;
        unit = "GB";
    } else if (fileSize > 1048576) {
        size = (fileSize / 1048576).toFixed(4) * 1;
        unit = "MB";
    } else if (fileSize > 1024) {
        size = (fileSize / 1024).toFixed(4) * 1;
        unit = "KB";
    } else {
        size = fileSize;
        unit = "B";
    }
    return size + unit;
};
```

### 3、获取音频/视频时长

```js title="获取音/视频时长"
/**
 * @description 获取音/视频时长
 * @param {string/object} file 文件地址/对象
 * @return {number} 媒体文件时长
 **/
export const getMediaDuration = (file) => {
    return new Promise((resolve) => {
        // 是否是文件对象
        let hasFile = file instanceof File;
        let fileUrl = hasFile ? URL.createObjectURL(file) : file;
        // 创建对象
        let audioElement = new Audio(fileUrl);
        // 监听对象
        audioElement.addEventListener("loadedmetadata", () => {
            let time = Math.floor(audioElement.duration) || 0;
            resolve(time);
        });
        // 加载失败
        audioElement.addEventListener("error", () => {
            resolve(0);
        });
    });
};
```

### 4、下载文件

```js title="下载文件"
/**
 * @description 下载文件
 * @param {string} fileUrl 文件链接地址
 **/
export const downloadFile = (fileUrl) => {
    const iframe = document.createElement("iframe");
    // 防止影响页面布局
    iframe.style.display = "none";
    iframe.style.height = 0;
    iframe.src = fileUrl;
    document.body.appendChild(iframe);
    // 加载完成后移除创建的标签
    iframe.onload = function () {
        document.body.removeChild(iframe);
    };
};
```

### 5、对象数组去重

```js title="对象数组去重"
/**
 * @description 对象数组去重
 * @param {Array} list 数组
 * @param {String} key 唯一键
 * @return {Array} 去重后的数组
 **/
export const arrayDeduplication = (list, key) => {
    return list.filter((item, index, self) => {
        return self.findIndex((el) => el[key] === item[key]) === index;
    });
};
```

### 6、获取地址栏参数

> 方式一

```js title="获取地址栏参数"
/**
 * @description 获取地址栏参数
 * @param {string} key 参数名
 * @return {string} 参数值
 **/
export const queryParams = (key) => {
    if (!key) return null;
    let url = new URL(location.href);
    let value = url.searchParams.get(key);
    return value;
};
```

> 方式二

```js title="获取地址栏参数"
/**
 * @description 获取地址栏参数
 * @param {String} key 要取值的参数
 * @return {String} 获取的值
 *  */
export const getQueryString = (name) => {
    let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    let r = window.location.search.substring(1).match(reg);
    if (r != null) return decodeURI(r[2]);
    return null;
};
```

### 7、params 参数处理

```js title="参数处理"
/**
 * @description 参数处理
 * @param {Object} params  参数
 */
export const tansParams = (params) => {
    let result = "";
    for (const propName of Object.keys(params)) {
        const value = params[propName];
        var part = encodeURIComponent(propName) + "=";
        if (value !== null && value !== "" && typeof value !== "undefined") {
            if (typeof value === "object") {
                for (const key of Object.keys(value)) {
                    if (
                        value[key] !== null &&
                        value[key] !== "" &&
                        typeof value[key] !== "undefined"
                    ) {
                        let params = propName + "[" + key + "]";
                        var subPart = encodeURIComponent(params) + "=";
                        result +=
                            subPart + encodeURIComponent(value[key]) + "&";
                    }
                }
            } else {
                result += part + encodeURIComponent(value) + "&";
            }
        }
    }
    return result;
};
```