JavaScript常用字符串与数组扩展函数小结

JavaScript是一门强大的语言,它提供了大量的内置函数,其中包括对字符串和数组的操作。除此之外,还有很多扩展函数可以用于处理字符串和数组。

本文将对常用的JavaScript字符串和数组扩展函数做一个小结。

JavaScript字符串扩展函数

1. startsWith()

startsWith()方法用于判断一个字符串是否以指定的字符串开头。如果是,返回true,否则返回false

示例代码:

const str = 'Hello world';
console.log(str.startsWith('Hello')); // true
console.log(str.startsWith('hello')); // false

2. endsWith()

endsWith()方法用于判断一个字符串是否以指定的字符串结尾。如果是,返回true,否则返回false

示例代码:

const str = 'Hello world';
console.log(str.endsWith('world')); // true
console.log(str.endsWith('World')); // false

3. includes()

includes()方法用于判断一个字符串是否包含指定的字符串。如果包含,返回true,否则返回false

示例代码:

const str = 'Hello world';
console.log(str.includes('world')); // true
console.log(str.includes('World')); // false

4. repeat()

repeat()方法用于将一个字符串重复指定的次数并返回新的字符串。

示例代码:

const str = 'Hello';
console.log(str.repeat(3)); // 'HelloHelloHello'

5. padStart()padEnd()

padStart()padEnd()方法用于在字符串的开头或结尾添加指定的字符,使字符串达到指定的长度。

示例代码:

const str = '123';
console.log(str.padStart(5, '0')); // '00123'
console.log(str.padEnd(5, '0'));   // '12300'

JavaScript数组扩展函数

1. find()

find()方法用于返回数组中第一个符合要求的元素,如果没有找到,则返回undefined

示例代码:

const arr = [1, 2, 3, 4, 5];
const result = arr.find(item => item > 3);
console.log(result); // 4

2. findIndex()

findIndex()方法用于返回数组中第一个符合要求的元素的索引值,如果没有找到,则返回-1

示例代码:

const arr = [1, 2, 3, 4, 5];
const index = arr.findIndex(item => item > 3);
console.log(index); // 3

3. includes()

includes()方法用于判断数组是否包含指定的元素。如果包含,返回true,否则返回false

示例代码:

const arr = [1, 2, 3, 4, 5];
console.log(arr.includes(3)); // true
console.log(arr.includes(6)); // false

4. flat()

flat()方法用于将一个数组扁平化,即将嵌套的数组转为一个一维数组。

示例代码:

const arr = [1, [2, 3], [4, 5, [6]]];
console.log(arr.flat()); // [1, 2, 3, 4, 5, 6]

5. flatMap()

flatMap()方法结合了map()flat(),对数组的每个元素执行指定的操作后,并将结果扁平化到一个新数组中。

示例代码:

const arr = [1, 2, 3];
const result = arr.flatMap(item => [item, item * 2]);
console.log(result); // [1, 2, 2, 4, 3, 6]

以上就是几个常用的JavaScript字符串和数组扩展函数。

注意: 由于一些老旧浏览器(例如IE)并不支持这些特性,因此在使用时需要进行相应的兼容处理。可以使用Babel等工具进行编译转换。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript常用字符串与数组扩展函数小结 - Python技术站

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

相关文章

  • javascript 显示全局变量与隐式全局变量的区别

    展示全局变量和隐式全局变量是JavaScript中两种不同类型的变量声明方式。它们在作用域、可访问性以及代码安全性方面有所不同。 什么是全局变量? 全局变量是JavaScript中定义在顶层作用域中的变量。这意味着这些变量可以在代码中的任何位置被访问到,而非仅限于其定义位置所在的函数或代码块中。可以通过var,let,const等关键字来声明全局变量。 一个…

    JavaScript 2023年5月28日
    00
  • JavaScript弹出窗口方法汇总

    下面我将详细讲解 “JavaScript弹出窗口方法汇总”的完整攻略。 概述 JavaScript一直是web前端开发中重要的一部分,而弹出窗口也经常用在网站中,例如注册,登录等,所以学习JavaScript弹出窗口技术是十分必要的。 一、常规弹窗方法 常规弹窗方法有以下两种: alert() alert() 是 JavaScript 内置的一个方法,用于弹…

    JavaScript 2023年5月18日
    00
  • JS中2种定时器的使用及清除的实现

    JS中有两种定时器,分别是setInterval()和setTimeout(),这两种定时器都有其特殊的用处。下面我将为你详细讲解这两种定时器的使用方法和如何清除定时器。 setInterval()定时器 setInterval() 根据指定的周期(以毫秒为单位)来调度一个函数,函数会按照指定的周期被周期性地执行。setInterval函数接受两个参数——第…

    JavaScript 2023年6月11日
    00
  • js数组forEach实例用法详解

    JavaScript Array forEach() 方法详解 JavaScript中的forEach()函数是用于数组循环的方法,可以遍历数组的每个元素并对其进行操作。该方法在ECMAScript 5 (ES5)中被引入,不仅适用于所有数组,而且可以处理类数组对象。 语法 forEach() 方法有两个参数,第一个是一个回调函数,第二个是可选的this值。…

    JavaScript 2023年5月27日
    00
  • JS操作字符串转换为数值并取整的代码

    当需要将JavaScript字符串转换为数值并取整时,可以使用以下方法: let stringNum = "123.45"; let intNum = parseInt(stringNum); 这里将介绍一些该代码中使用的知识点。 首先,parseInt()函数把前面的字符串参数解析成整数。如果字符串开始的字符无法被转换为数字,则该函数会…

    JavaScript 2023年5月28日
    00
  • 原生js 实现表单验证功能

    下面是关于“原生js实现表单验证功能”的完整攻略: 目录: 需求分析和实现思路 HTML结构布局 JS代码实现 示例说明 需求分析和实现思路 表单验证功能是Web开发中必不可少的功能之一,实现表单验证的方法有很多种,包括使用第三方库(如jQuery、Bootstrap等),也可以使用原生的JS来实现。下面是一个原生JS实现表单验证的基本思路: 获取表单元素。…

    JavaScript 2023年6月10日
    00
  • JavaScript之数组扁平化详解

    JavaScript之数组扁平化详解 什么是数组扁平化 数组扁平化是指将一个嵌套多层的多维数组变成一个一维数组的过程。例如,将一个三维数组 [[[1, 2], [3, 4]], [[5, 6], [7, 8]]] 扁平化后得到的是一个一维数组 [1, 2, 3, 4, 5, 6, 7, 8]。 实现方法 方法一:使用递归实现 首先,我们可以使用递归的方式来实…

    JavaScript 2023年5月27日
    00
  • 解决js中的setInterval清空定时器不管用问题

    当我们使用 JavaScript 中的 setInterval 函数来实现定时器时,需要注意清空定时器的问题。如果不正确地清空定时器,会导致在后续代码执行中仍然存在遗留的定时器,从而出现各种各样的问题,例如内存泄漏或者无法及时响应后续清空操作等。 为了避免这个问题,我们可以使用以下两种方法来清空定时器。 方法一:使用 clearInterval 函数清空定时…

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