首页 > 其他分享 >js 中常用的format函数

js 中常用的format函数

时间:2022-09-21 15:38:02浏览次数:93  
标签:函数 format args js source params arguments Array

js中经常要写dom 和 数据拼接的情况,下面这种format传参方式可以解决。

$.format = function (source, params) {
    if (arguments.length == 1)
        return function () {
            var args = $.makeArray(arguments);
            args.unshift(source);
            return $.format.apply(this, args);
        };
    if (arguments.length > 2 && params.constructor != Array) {
        params = $.makeArray(arguments).slice(1);
    }
    if (params.constructor != Array) {
        params = [params];
    }
    $.each(params, function (i, n) {
        source = source.replace(new RegExp("\\{" + i + "\\}", "g"), n);
    });
    return source;
};

测试代码:

1 $.format("<div>我是字符串A我的值是{0}  ,我是字符串A我的值是{1}  </div>","aaa","bbb");//'<div>我是字符串A我的值是aaa  ,我是字符串A我的值是bbb  </div>'

 

关于argument:

arguments是一个对象不是一个数组Array 。它类似于Array,但除了length属性和索引元素之外没有任何Array属性。

1 // 由于arguments不是 Array,所以无法使用 Array 的方法,所以通过这种方法转换为数组
2  
3 var args = [].slice.call(arguments);  // 方式一
4 var args = Array.prototype.slice.call(arguments); // 方式二
5  
6 // 下面是 es6 提供的语法
7 let args = Array.from(arguments)   // 方式一
8 let args = [...arguments]; // 方式二

 

转载地址:https://www.cnblogs.com/william-lin/p/3472983.html 

标签:函数,format,args,js,source,params,arguments,Array
From: https://www.cnblogs.com/lixiuming521125/p/16715692.html

相关文章

  • 直播网站程序源码,JS:判断对象中是否有数据
    直播网站程序源码,JS:判断对象中是否有数据 Object.keys(对象).length可以判断对象中是否有数据,length为0则表示没有数据,length为1则表示有1条数据,以此类推比如: let......
  • 03:TypeScript — 从初学者到专家 |对象、数组和函数
    03:TypeScript—从初学者到专家|对象、数组和函数级别:初学者我们已经了解了什么是变量以及如何使用语句设置它们。我们还看到了可用于指定值类型的不同原始类型。当我......
  • JS 验证自定义计算公式是否成功
    1、需求1.项目需求表单中填写公式传入后台。2.公式中可以使用汉字英文。3.验证公式是否成功。2、思路1.表单中输入公式存入后台是以字符串的形式传入。2.循环字符串......
  • 30. Python json模块
    1.前言JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式,遵循欧洲计算机协会制定的JavaScript规范(简称ECMAScript)。JSON易于人阅读和编写,同时也易于机器解......
  • 使用这些内置函数提升您的 JavaScript 技能!
    使用这些内置函数提升您的JavaScript技能!Pexels上的JoshHild拍摄的照片[标准内置对象-JavaScript|MDN本章记录了JavaScript的所有标准内置对象,包括它们......
  • Js中的File对象
    概述JavaScript中存在File对象,允许网页中的JavaScript访问其内容。File对象通常是用户在网页中的一个<input>元素上传文件返回的FileList对象,或者是拖放操作返回......
  • 如何保持 NextJS 项目的清晰和干净
    如何保持NextJS项目的清晰和干净已经使用NextJS实现了许多项目,我真的不得不说,我喜欢它。您构建Web应用程序的速度,尤其是与Tailwind结合使用的速度令人难以置信。......
  • 映射函数map()
    map()是Python内置的高阶函数,它接收一个函数f 和一个 list,并通过把函数f依次作用在list的每个元素上,得到一个新的list并返回deff(x):returnx*xprint(l......
  • JS/TS算法---回溯算法
    回溯算法(backtracking)、什么是回溯法回溯法也可以叫做回溯搜索法,它是一种搜索的方式。在二叉树系列中,我们已经不止一次,提到了回溯,例如二叉树:以为使用了递归,其实还隐藏......
  • Rstudio,separate函数使用指南
    separate将一列数据分割为两列数据今天被困扰了一个多小时,是关于分隔符的问题。  想要将SNP1Loc这一列按照(进行分割,记得之前使用过separate进行分割,但是今天操作了......