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

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日

相关文章

  • 浅析JavaScript中两种类型的全局对象/函数

    1. 全局对象/函数的概念 JavaScript中有两种类型的全局对象/函数:Global对象和全局函数。它们都可以在任意JavaScript代码中访问,因为它们被加载到了全局执行环境中。 Global对象 Global对象是JavaScript中的特殊对象,它包含了所有全局变量、全局函数和内置对象,例如:Number、String、Math等。 在浏览器中…

    JavaScript 2023年5月27日
    00
  • js对象关系图 方便dom操作

    JS对象关系图可以用来表示JS中各个对象之间的关系,有利于我们进行DOM操作。以下是实现的详细步骤: 安装JS对象关系图库 我们可以通过npm来安装JS对象关系图库,命令如下:npm install object-graph-js。 创建DOM对象 在接下来的实例中,我们将创建一个包含“Hello, World”的div元素,代码如下: const divE…

    JavaScript 2023年6月10日
    00
  • 常用的JavaScript验证正则表达式汇总

    让我来详细讲解“常用的JavaScript验证正则表达式汇总”的完整攻略。 什么是正则表达式? 正则表达式(Regular Expression,简称Regex)是指用于描述字符模式的语法规则。在JavaScript中,我们可以使用正则表达式来匹配和验证字符串。 常用的JavaScript验证正则表达式 在前端开发中,我们经常需要对输入的文本进行验证,例如检…

    JavaScript 2023年6月10日
    00
  • Javascript中的作用域及块级作用域

    一、作用域 在Javascript中,作用域是指访问变量、函数的代码的范围。根据变量的定义位置,作用域可以分为全局作用域、局部作用域。 1.全局作用域 全局作用域是指在代码内部的任何地方都可以访问到的变量。我们可以在任何地方访问和修改全局作用域的变量,这种方式对变量的维护管理不利,并且容易引起变量名冲突。 示例代码: var name = "Tom…

    JavaScript 2023年5月27日
    00
  • javascript 代码是如何被压缩的示例代码

    Javascript代码被压缩通常可以分为以下几个步骤: 去除代码中的空格、注释、不必要的换行符等无用字符。 压缩变量名,将长变量名换成短变量名,同时确保不会与其他变量名产生冲突。 压缩函数名,将函数名换成简短的名字。 将一些常见的操作(如+、-、*、/)转换成更短的操作符(如@、^、#、|)。 一些改善性能的代码优化。例如:使用逗号操作符合并多次赋值、将较…

    JavaScript 2023年5月27日
    00
  • JS格式化时间的几种方法总结

    下面是 “JS格式化时间的几种方法总结” 的完整攻略: 一、引言 在 Web 应用程序中,时间格式化是很常见的需求。JS作为前端开发语言,也提供了多种方式用于计算与格式化时间。本文将介绍JS中五种常见的时间格式化方法。 二、格式化JS中的时间 1. Date.toLocaleString() toLocaleString() 方法返回一个字符串,表示该日期对…

    JavaScript 2023年5月27日
    00
  • 利用canvas实现的加载动画效果实例代码

    下面将为您详细讲解“利用canvas实现的加载动画效果实例代码”的完整攻略。 1. 创建canvas元素 首先,在HTML页面中创建canvas元素,并且为其设置宽高和样式,如下所示: <canvas id="myCanvas" width="200" height="200" style=&…

    JavaScript 2023年6月11日
    00
  • 浅谈JS正则表达式的RegExp对象和括号的使用

    浅谈JS正则表达式的RegExp对象和括号的使用 正则表达式是一种用来精确匹配字符串的工具,而JavaScript中的RegExp对象可以帮助我们在代码中使用正则表达式。 RegExp对象 在JavaScript中,RegExp对象可以通过构造函数创建: // 创建正则表达式 const regex = new RegExp(‘ab+c’); // 或者 c…

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