常用的js方法合集

常用的JS方法合集

本篇攻略主要讲解常用的JS方法合集,包括字符串、数组、日期、正则表达式等方面的常用方法。

字符串方法

字符串是JS中最为常见的数据类型之一,在日常开发中经常需要对字符串进行操作。下面列出一些常用的字符串方法:

  • string.length

用于获取字符串的长度,即包含的字符数。

javascript
var str = "Hello World!";
console.log(str.length); // 12

  • string.charAt(index)

用于获取指定索引位置上的字符。

javascript
var str = "Hello World!";
console.log(str.charAt(0)); // H
console.log(str.charAt(6)); // W

  • string.indexOf(searchValue[, fromIndex])

用于查找指定字符串在目标字符串中第一次出现的位置。

javascript
var str = "Hello World!";
console.log(str.indexOf("o")); // 4
console.log(str.indexOf("l", 5)); // 9

  • string.split([separator[, limit]])

用于将字符串按照指定的分隔符分割成一个数组。可选的limit参数限制返回的数组长度。

javascript
var str = "apple,banana,orange";
console.log(str.split(",")); // ["apple", "banana", "orange"]
console.log(str.split(",", 2)); // ["apple", "banana"]

数组方法

数组是JS中最为重要的数据类型之一,常用于存储一组相关的数据。下面列出一些常用的数组方法:

  • array.push(item1[, item2[, ...[, itemN]]])

用于向数组末尾添加一个或多个元素,并返回数组新的长度。

javascript
var arr = [1,2];
console.log(arr.push(3)); // 3
console.log(arr); // [1, 2, 3]

  • array.pop()

用于从数组末尾删除一个元素,并返回该元素的值。

javascript
var arr = [1,2,3];
console.log(arr.pop()); // 3
console.log(arr); // [1, 2]

  • array.concat(arr1[, arr2[, ...[, arrN]]])

用于连接两个或多个数组,并返回一个新的数组。

javascript
var arr1 = [1, 2];
var arr2 = [3, 4];
console.log(arr1.concat(arr2)); // [1, 2, 3, 4]

  • array.splice(index[, deleteCount[, item1[, item2[, ...]]]])

用于从数组中删除、插入或替换元素。

javascript
var arr = [1, 2, 3, 4];
console.log(arr.splice(1, 2)); // [2, 3]
console.log(arr); // [1, 4]
console.log(arr.splice(1, 0, 2, 3)); // []
console.log(arr); // [1, 2, 3, 4]

日期方法

日期是JS中的数据类型之一,用于表示时间和日期。下面列出一些常用的日期方法:

  • date.getFullYear()

用于返回当前日期的年份。

javascript
var date = new Date(); // 当前时间
console.log(date.getFullYear()); // 2021

  • date.getMonth()

用于返回当前日期的月份,从0开始(0表示1月)。

javascript
var date = new Date(); // 当前时间
console.log(date.getMonth()); // 1

  • date.getDate()

用于返回当前日期的天数。

javascript
var date = new Date(); // 当前时间
console.log(date.getDate()); // 1

  • date.toLocaleDateString()

用于返回当前日期的本地日期字符串。

javascript
var date = new Date(); // 当前时间
console.log(date.toLocaleDateString()); // "2021/2/1"

正则表达式方法

正则表达式是JS中常用的字符串匹配工具,以下列出一些常用的正则表达式方法:

  • regex.test(str)

用于测试一个字符串是否匹配一个正则表达式,并返回true或false。

javascript
var regex = /w3school/i;
console.log(regex.test("visit W3School")); // true
console.log(regex.test("visit W3School.com")); // true
console.log(regex.test("visit Google.com")); // false

  • str.match(regex)

用于在一个字符串中查找一个或多个与正则表达式匹配的字符串,并返回匹配的结果。

javascript
var str = "Visit W3School";
var regex = /w3school/i;
console.log(str.match(regex)); // ["W3School"]

上述是常用的JS方法合集的相关攻略,对于初学者,也就是小白们而言,掌握这些常用的方法,已经足够应对日常的开发需求啦。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:常用的js方法合集 - Python技术站

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

相关文章

  • 原生JS获取URL链接参数的几种常见方法

    我来给你详细讲解一下怎么通过原生JS获取URL链接参数。 一、利用window.location.search window.location.search可以获取URL的查询参数部分,即URL中?号后面的内容。 示例代码如下: const queryString = window.location.search; console.log(queryStri…

    JavaScript 2023年6月10日
    00
  • Javascript Date toLocaleString() 方法

    以下是关于JavaScript Date对象的toLocaleString()方法的完整攻略,包括两个示例说明。 JavaScript Date对象的toLocaleString()方法 JavaScript的toLocaleString()方法返回一个表示对象日期时间部分的本地化字符串,该字符串格式根据本地设置而定。该方法可以接受一个或多个参数,用于指定本…

    JavaScript 2023年5月11日
    00
  • javascript实现限制上传文件大小

    下面是实现限制上传文件大小的完整攻略。 步骤一:JS获取文件大小 首先,我们需要通过 JavaScript 获取上传的文件大小。可以通过以下代码来实现: // 选取上传文件的 input 元素 const fileInput = document.querySelector(‘input[type="file"]’); // 为 inpu…

    JavaScript 2023年6月11日
    00
  • JavaScript 对象合并的几种方法小结

    针对“JavaScript 对象合并的几种方法小结”,以下是详细的攻略。 什么是JavaScript对象合并 JavaScript对象合并,指的是将两个或多个对象合并成一个新的对象。 在JavaScript中,合并对象是一种常见的操作,它可以将多个对象中的属性和方法合并到一起,以创建一个新的对象,这样我们就可以方便地管理和操作这些属性和方法。 方法1:Obj…

    JavaScript 2023年5月27日
    00
  • JS替换字符串中指定位置的字符(多种方法)

    JS替换字符串中指定位置的字符(多种方法) 在JavaScript中,我们经常需要替换字符串中的字符,特别是需要替换某个位置的字符时。下面是几种替换字符串中指定位置的字符的方法。 1. 使用字符串的substr()和replace()方法 let str = "hello world"; let index = 6; // 替换第 7 个…

    JavaScript 2023年5月28日
    00
  • Javascript Date getUTCMonth() 方法

    JavaScript 中的 getUTCMonth() 方法用于获取 UTC 时间的月份部分。在本教程中,我们将详细介绍 getUTCMonth() 方法的使用方法。 getUTCMonth() 方法的基本语法如下: date.getUTCMonth() 其中,date 是获取月份部分的 UTC 日期对象。 以下两个示例说明: 示例一:使用 getUTCMo…

    JavaScript 2023年5月11日
    00
  • JS正则表达式验证端口范围(0-65535)

    下面是JS正则表达式验证端口范围的攻略: 题目描述 要求用JS正则表达式验证给定的端口范围是否符合规范,即端口号范围应该为0-65535。 解法 我们可以使用正则表达式来判断给定的端口范围是否符合要求。 正则表达式的规则如下: 端口号的范围为0-65535; 0开头的数字只能为0; 1-9开头的数字可以是单个1-9,两位数字或三位数字; 数字不能有前导0。 …

    JavaScript 2023年6月10日
    00
  • Web Uploader文件上传插件使用详解

    Web Uploader文件上传插件使用攻略 Web Uploader是一款基于HTML5的文件上传插件,可以通过它来实现文件上传功能。下面将介绍Web Uploader的使用方法和相关示例。 一、环境准备 首先,需要在web页面中引入Web Uploader的相关js和css文件,以及Jquery库。可以通过CDN引入,也可以下载到本地使用。 <li…

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