javascript中数组array及string的方法总结

yizhihongxing

JavaScript中数组(Array)及字符串(String)方法总结

在JavaScript中,数组以及字符串是非常重要的数据结构,同时也拥有很多的内置方法可以简化我们的开发流程。接下来将带你了解这些方法。

字符串(String)方法

1. indexOf

返回某个指定的子字符串在字符串中第一次出现的位置。

const str = "Hello, world!";
const index = str.indexOf("l"); // index = 2

2. includes

判断一个字符串是否包含在另一个字符串中,返回布尔值。

const str = "Hello, world!";
const result = str.includes("world"); // result = true

3. toLowerCase/toUpperCase

将一个字符串转化为全小写或者全大写。

const str = "Hello, world!";
const lowerCaseStr = str.toLowerCase(); // lowerCaseStr = "hello, world!"
const upperCaseStr = str.toUpperCase(); // upperCaseStr = "HELLO, WORLD!"

4. split

将一个字符串根据指定的分隔符拆分成数组。

const str = "Hello,world!";
const arr = str.split(","); // arr = ["Hello", "world!"]

数组(Array)方法

1. push/pop

在数组的末尾添加/删除一个元素。

const arr = [1, 2, 3];
arr.push(4); // arr = [1, 2, 3, 4]
arr.pop(); // arr = [1, 2, 3]

2. shift/unshift

在数组的开头添加/删除一个元素。

const arr = [1, 2, 3];
arr.unshift(0); // arr = [0, 1, 2, 3]
arr.shift(); // arr = [1, 2, 3]

3. slice

截取一个数组的一部分,返回一个新的数组,原数组不变。

const arr = [1, 2, 3, 4, 5];
const newArr = arr.slice(2, 4); // newArr = [3, 4], arr = [1, 2, 3, 4, 5]

4. map

将数组的每个元素执行一个回调函数,并返回一个新的数组。

const arr = [1, 2, 3];
const newArr = arr.map(item => item * 2); // newArr = [2, 4, 6]

以上仅为数组和字符串中常用方法的一小部分。在实际开发中,可以根据需要灵活运用。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:javascript中数组array及string的方法总结 - Python技术站

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

相关文章

  • html格式化json的实例代码

    以下是 html 格式化 JSON 的实例代码的完整攻略。 如何格式化 JSON 什么是 JSON JSON 是一种用于数据交换的轻量级文本格式。它基于 JavaScript 对象表示法(JavaScript Object Notation)。JSON 最初由 Douglas Crockford 发明,现在已经成为 Web 应用程序中的常用格式。 JSON …

    JavaScript 2023年5月27日
    00
  • setTimeout函数的神奇使用

    当需要在指定时间之后执行代码时,可以使用JavaScript中的setTimeout函数。setTimeout函数允许您指定一个回调函数以及在多少毫秒后调用该回调函数。在本文中,我将讲解setTimeout函数的使用和一些神奇的方法。 setTimeout函数的语法 setTimeout函数的基本语法如下: setTimeout(function, mill…

    JavaScript 2023年6月11日
    00
  • C#应用ToolStrip控件使用方法

    C#应用ToolStrip控件使用方法 在C#中,ToolStrip控件可以用于创建菜单栏、工具栏、状态栏等用户界面元素。本文将介绍在C#应用中如何使用ToolStrip控件。 步骤一:添加ToolStrip控件到窗体 要使用ToolStrip控件,首先需要将其添加到窗体中。可以通过拖拽控件添加的方式,或者在窗体的Load事件中手动创建并添加控件,这里我们以…

    JavaScript 2023年5月28日
    00
  • JavaScript实现的字符串replaceAll函数代码分享

    下面我将详细讲解“JavaScript实现的字符串replaceAll函数代码分享”的完整攻略,包含以下内容: 什么是replaceAll函数? 如何使用正则表达式进行字符串替换? replaceAll函数的实现方法 示例说明 什么是replaceAll函数 replaceAll函数是JavaScript字符串的一个方法,用于将字符串中的所有匹配项替换成指定…

    JavaScript 2023年5月28日
    00
  • js读取cookie方法总结

    JS 读取 Cookie 方法总结 什么是 Cookie? Cookie 是一种存储在用户计算机上的小文件,包含了与某个网站相关的用户信息。浏览器每次向服务器发送请求时,会将 Cookie 信息附加在 HTTP 请求头部中,服务器端可以通过从头部解析得到的 Cookie 信息来判断用户状态并作出相应的响应。 如何读取 Cookie? 以下是几种常用的 JS …

    JavaScript 2023年6月11日
    00
  • JavaScript迭代器的含义及用法

    JavaScript迭代器的含义及用法 在Javascript中,迭代器指的是一个能够依次访问集合中的元素的对象。 同时,该示例还实现了一个迭代器方法,可以用来访问集合的每一个元素。 迭代器是用于解决循环一个集合并访问其每个元素的问题。 迭代器对象就像计算机科学中所说的迭代器一样,它跟踪集合中的元素并在必要时返回下一个元素。 迭代器方法返回的对象具有一个ne…

    JavaScript 2023年5月18日
    00
  • JS仿JQuery选择器功能

    下面是JS仿JQuery选择器功能的完整攻略,包含如何实现选择器、示例说明以及注意事项等。 选择器实现原理 实现JS仿JQuery选择器功能的核心在于通过遍历DOM树,找到与选择器匹配的元素。以下是具体实现方法: 解析选择器字符串,获取选择器匹配的元素类型和其他属性,如类名、ID等。 遍历DOM树,从根节点开始,递归查找所有节点,将匹配选项和节点做比对。 检…

    JavaScript 2023年6月10日
    00
  • JS中offset和匀速动画详解

    JS中offset和匀速动画详解 在前端开发中,动画效果可以增强用户体验,让页面更加生动。其中,匀速动画是一种基本的动画方式,而offset属性则可以获取一个元素在文档中的位置。 offset属性 offset属性指的是元素的位置偏移值,在JS中通过offsetTop和offsetLeft分别获取元素在文档中的上边界和左边界到包含元素的上边界和左边界之间的像…

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