犀利的js 函数集合

yizhihongxing

犀利的JS函数集合

介绍

犀利的JS函数集合是一些实用的JavaScript函数合集,可以帮助开发人员更高效地编写JavaScript代码。

安装

本函数集合可以直接在浏览器中使用,在HTML中引入js文件即可开始使用。

<script src="sharpjs.js"></script>

使用

类型判断:

sharp.isNumber(num)

判断传入的参数是否为数字类型,是则返回true,否则返回false。

sharp.isNumber(123); // true
sharp.isNumber('123'); // false

sharp.isString(str)

判断传入的参数是否为字符串类型,是则返回true,否则返回false。

sharp.isString('hello world'); // true
sharp.isString(123); // false

数组操作:

sharp.arraySum(arr)

将数组中所有数字元素相加并返回结果。

sharp.arraySum([1,2,3,4,5]); // 15

sharp.arrayMax(arr)

返回数组中最大的数字。

sharp.arrayMax([1,5,3,8,2]); // 8

字符串操作:

sharp.stringReverse(str)

返回一个字符串的反转字符串。

sharp.stringReverse('hello'); // 'olleh'

sharp.stringTrim(str)

返回一个去除字符串两端空格后的字符串。

sharp.stringTrim('  hello world  '); // 'hello world'

示例

示例一

我们正在开发一个网上商城网站,需要计算所有商品总价。我们可以使用sharp.arraySum()函数来计算。

var prices = [2.99, 4.99, 1.99, 9.99];
var totalPrice = sharp.arraySum(prices);
console.log(totalPrice); // 19.96

示例二

我们正在开发一个表单验证功能,需要判断用户输入的手机号格式是否正确。我们可以使用sharp.isNumber()函数来判断。

var phoneNum = '13812345678';
if(sharp.isNumber(phoneNum)){
  console.log('该字符串为数字类型。');
} else {
  console.log('该字符串不为数字类型。');
}

结论

犀利的JS函数集合提供了一些实用的JavaScript函数,可以帮助开发人员更高效地编写代码,并提高代码的可读性和可维护性。使用这些函数可以节省开发时间,并避免因为不必要的代码导致的错误。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:犀利的js 函数集合 - Python技术站

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

相关文章

  • 使用JS+XML(数据岛)实现分页)

    那么下面就是详细讲解“使用JS+XML(数据岛)实现分页”的完整攻略: 什么是数据岛? 数据岛是一种传输XML数据的技术。通过XML数据岛技术,我们可以将XML数据作为HTML文档的一部分传输到客户端。XML数据岛把XML数据存储在一个特定的DIV元素中,在浏览器页面上隐藏该元素即可,通过JavaScript的DOM操作,即可取得数据,从而实现数据分页的需求…

    JavaScript 2023年6月10日
    00
  • JS sort排序详细使用方法示例解析

    JS sort排序详细使用方法示例解析 在 Javascript 中,sort() 是一个常用的排序函数。sort() 可以按照数组元素的字母排序,也可以按照数字大小排序。 sort() 语法 sort() 函数的语法如下: array.sort(sortFunction) 其中,sortFunction 是可选的参数。如果省略该参数,那么 sort() 函…

    JavaScript 2023年6月11日
    00
  • Javascript BOM学习小结(六)

    以下是对“Javascript BOM学习小结(六)”的完整攻略: 标题 Javascript BOM学习小结(六) 文章概述 本篇文章主要讲述了BOM(浏览器对象模型)的一些基础知识,包括window对象、location对象、history对象、navigator对象和screen对象等内容。 window对象 window对象是指浏览器的窗口。通过wi…

    JavaScript 2023年6月10日
    00
  • javascript中对Date类型的常用操作小结

    Javascript中对Date类型的常用操作小结 创建Date对象 在 Javascript 中创建 Date 对象的方式有以下几种: 使用 new Date() 构造函数创建一个当前时间的 Date 对象。 let currentDate = new Date(); 使用 new Date(value) 构造函数创建指定时间的 Date 对象,value…

    JavaScript 2023年5月27日
    00
  • 直接在JS里创建JSON数据然后遍历使用

    使用JS创建JSON数据并遍历使用的攻略如下: 1. 创建JSON数据 我们可以使用JS中的对象(Object)来创建一个简单的JSON数据。创建JSON数据的关键是要按照JSON的格式来构造对象。 JSON格式中的数据类型包括: 字符串 (string) 数字 (number) 布尔值 (boolean) 数组 (array) 对象 (object) 空值…

    JavaScript 2023年5月27日
    00
  • jquery validate和jquery form 插件组合实现验证表单后AJAX提交

    下面我将为您详细讲解如何使用jquery validate和jquery form插件完成验证表单后的AJAX提交。 步骤一:引入jQuery及相关插件 首先,在页面中引入jQuery和相关插件文件,这里需要演示的插件是jquery validate和jquery form,引用代码如下: <script src="https://code.…

    JavaScript 2023年6月10日
    00
  • JS实现时间轴自动播放

    下面我来详细讲解JS实现时间轴自动播放的完整攻略: 1. HTML结构 我们先来看一下时间轴的HTML结构,通常是由一系列时间节点(比如一段时间内的事件)以及连接这些时间节点的线条构成。因此,我们可以使用无序列表(<ul>)来创建这些时间节点,而每个时间节点的连接线条可以使用CSS的伪元素::before来实现。HTML代码大致如下: <u…

    JavaScript 2023年5月27日
    00
  • js获取当前时间显示在页面上并每秒刷新

    获取并显示当前时间是前端常见的需求之一。本文将提供一种基于JavaScript的实现方案,通过一个完整的示例演示如何实现“js获取当前时间显示在页面上并每秒刷新”。 方案概述 我们将使用JavaScript的Date对象获取当前时间,并将获取到的时间展示在网页上。为了实现每秒刷新,我们需要使用JavaScript中的定时器setInterval()函数。 具…

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