一些常用的JS功能函数(2009-06-04更新)

一些常用的JS功能函数是一篇介绍常用JS函数的文章,内容涵盖了字符串操作、数组操作、日期操作、基本算法等方面。本文将结合实例进行详细讲解。

字符串操作函数

字符串去首尾空格函数 trim()

这个函数可以去除字符串头尾的空格,使得字符串更加统一。

示例:

let str = '   hello world!   ';
str = str.trim();
console.log(str); // 输出: "hello world!"

字符串首字母大写函数 capitalize()

这个函数可以把字符串的首字母变成大写,这在很多场景中都需要用到。

示例:

function capitalize(str) {
  return str.charAt(0).toUpperCase() + str.slice(1);
}

let str = 'hello world';
str = capitalize(str);
console.log(str); // 输出: "Hello world"

数组操作函数

数组查找元素函数 indexOf()

这个函数可以查找数组中是否包含某个元素,如果找到,返回该元素在数组中的下标,否则返回-1。

示例:

let arr = ['apple', 'orange', 'banana'];
let index = arr.indexOf('orange');
console.log(index); // 输出: 1

数组合并函数 concat()

这个函数可以将多个数组合并成一个新数组。

示例:

let arr1 = [1, 2];
let arr2 = [3, 4];
let arr3 = [5, 6];
let newArr = arr1.concat(arr2, arr3);
console.log(newArr); // 输出: [1, 2, 3, 4, 5, 6]

日期操作函数

日期格式化函数 dateFormat()

这个函数可以将日期对象格式化为指定格式的字符串。

示例:

function dateFormat(date, fmt) {
  if (/(y+)/.test(fmt)) {
    fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
  }
  let o = {
    'M+': date.getMonth() + 1,
    'd+': date.getDate(),
    'h+': date.getHours(),
    'm+': date.getMinutes(),
    's+': date.getSeconds()
  };
  for (let k in o) {
    if (new RegExp(`(${k})`).test(fmt)) {
      let str = o[k] + '';
      fmt = fmt.replace(RegExp.$1, RegExp.$1.length === 1 ? str : padLeftZero(str));
    }
  }
  return fmt;
}

function padLeftZero(str) {
  return ('00' + str).substr(str.length);
}

let date = new Date();
let str = dateFormat(date, 'yyyy-MM-dd hh:mm:ss');
console.log(str); // 输出: "2021-07-27 09:53:30"

计算两个日期之间相差天数函数 dateDiff()

这个函数可以计算两个日期之间相差的天数。

示例:

function dateDiff(startDate, endDate) {
  let msPerDay = 24 * 60 * 60 * 1000;
  let diff = (endDate.getTime() - startDate.getTime()) / msPerDay;
  return Math.floor(diff);
}

let startDate = new Date('2021-07-01');
let endDate = new Date();
let diff = dateDiff(startDate, endDate);
console.log(diff); // 输出: 26

以上就是对一些常用JS功能函数的详细讲解,希望能对大家有帮助。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:一些常用的JS功能函数(2009-06-04更新) - Python技术站

(0)
上一篇 2023年5月18日
下一篇 2023年5月18日

相关文章

  • JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析

    对于JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析,我们可以按照以下步骤进行攻略。 1. 简介 在前端开发中,我们经常需要对HTML文档中的元素进行操作。HTML DOM (Document Object Model)提供了一系列操作HTML文档元素的方法,使得我们可以方便地实现对元素的新增、编辑和删除等操作。 2. 元素…

    JavaScript 2023年6月10日
    00
  • 微信小程序开发实用技巧之数据传递和存储

    下面就是关于微信小程序开发实用技巧之数据传递和存储的完整攻略。 数据传递 在小程序中,数据的传递通常需要经过多个页面或组件,因此在小程序中,数据传递是非常重要的。此处简单介绍两种数据传递方式: 通过URL传递数据 在小程序中,可以通过URL传递数据。具体做法是,使用小程序的内置API wx.navigateTo 或 wx.redirectTo 打开页面时,传…

    JavaScript 2023年6月11日
    00
  • MVVM 双向绑定的实现代码

    MVVM(Model-View-ViewModel)是一种经典的设计模式,其最大的优势是可以实现双向绑定。在MVVM中,Model表示数据模型,View表示用户界面,ViewModel是连接Model和View的纽带。在MVVM中,数据流是单向的,即从Model流向View,而ViewModel则起到了一个桥梁的作用。这种单向数据流的机制本质上就实现了数据与…

    JavaScript 2023年6月11日
    00
  • js传参数受特殊字符影响错误的解决方法

    当使用JavaScript进行参数传递的时候,如果传递的参数中包含特殊字符,可能会出现错误。这种错误的解决方案可以通过对参数进行转义处理。 1. encodeURI() 和 decodeURI() 函数 使用encodeURI() 和 decodeURI() 函数可以对参数进行编码和解码。这两个函数都是全局对象的方法。 encodeURI()方法将一个字符串…

    JavaScript 2023年5月19日
    00
  • js Array的用法总结

    JS Array的用法总结 简介 Javascript中的Array是一种有序数据类型,可以用来存储任何类型的数据,包括数字、字符串、甚至对象等。 声明与初始化 可以使用以下两种方式来声明和初始化一个数组: 直接声明并赋值 var arr = [1, 2, 3]; 使用Array()构造函数 var arr = new Array(1, 2, 3); 注意,…

    JavaScript 2023年5月27日
    00
  • js字符串引用的两种方式(必看)

    JS字符串引用的两种方式 在JavaScript中,字符串是一个常见的数据类型。在使用字符串的过程中,我们需要通过引用字符串来进行操作。在JavaScript中,有两种常见的字符串引用方式,分别是单引号和双引号。 单引号字符串引用 使用单引号引用的字符串,需要在字符串的开头和结尾都添加单引号。 let str1 = ‘这是一个使用单引号引用的字符串’; co…

    JavaScript 2023年5月28日
    00
  • JSON.stringify 语法实例讲解

    下面是详细讲解“JSON.stringify 语法实例讲解”的完整攻略: 1.什么是JSON.stringify? JSON.stringify() 是一个JavaScript内置函数,可以将JavaScript的对象或数组转化成一个JSON字符串。 JSON.stringify()的语法如下: JSON.stringify(value[, replacer…

    JavaScript 2023年5月27日
    00
  • Bootstrap如何创建表单

    创建表单是Bootstrap中常见的操作之一,下面是创建Bootstrap表单的完整攻略: 导入Bootstrap的CSS和JS文件。 在HTML文件头部添加Bootstrap相关文件的链接,可以从官方网站上下载Bootstrap文件或使用CDN链接。示例: <!– bootstrap CSS –> <link rel="st…

    JavaScript 2023年5月19日
    00
合作推广
合作推广
分享本页
返回顶部