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日

相关文章

  • js判断样式className同时增加class或删除class

    要判断并增加或删除元素的class,可以使用JavaScript中的classList属性和toggle()方法。classList属性是一个只读的、表示元素类名的集合(DOMTokenList),可以用于添加、删除和切换类名。toggle()方法会在元素中切换一个类名(如果该类名不存在,则添加之;否则删除之)。 以下是增加class的示例: var ele…

    JavaScript 2023年6月10日
    00
  • js实现一个逐步递增的数字动画

    JS实现逐步递增数字动画的完整攻略示例: 步骤一: HTML结构首先,我们需要在HTML中创建一个目标容器来显示数字动画的值,如 ,这是一个示例结构,可以根据实际情况进行修改。 步骤二: CSS样式可以根据自己的需求进行样式设计,这里建议将目标容器与数字本身分离,用一个样式来设置它们的样式。如: .num { font-size: 40px; color: …

    JavaScript 2023年6月10日
    00
  • Javascript入门学习第六篇 js DOM编程第2/2页

    关于“Javascript入门学习第六篇 js DOM编程第2/2页”的攻略,我会从以下几个方面进行详细讲解: DOM编程是什么? 如何获取DOM元素? 如何修改DOM元素的属性和内容? 如何动态创建或删除DOM元素? 示例说明。 首先我们来了解一下什么是DOM编程。 DOM编程是什么? DOM全称为“Document Object Model”,翻译为文档…

    JavaScript 2023年5月27日
    00
  • Vue 3.0的attribute强制行为理解学习

    下面是关于“Vue 3.0的attribute强制行为理解学习”的完整攻略,包含了相关概念和两条示例说明。 什么是attribute attribute(属性)是HTML标签中的一个概念,例如class、style、id等。在Vue中,我们经常需要在组件中传入props属性,这些属性会被传递给组件的子元素,我们可以在子元素中使用这些属性进行相应的操作。 Vu…

    JavaScript 2023年6月11日
    00
  • jQuery插件Validation表单验证详解

    jQuery插件Validation表单验证详解 表单验证是Web开发中非常重要的一环,jQuery插件Validation就是基于jQuery实现的一款表单验证插件,非常方便实用。本篇文章将会详细讲解jQuery插件Validation的使用方法,以及常见的验证规则和自定义验证规则。 页面引入jQuery和jQuery Validation插件 首先,将j…

    JavaScript 2023年6月10日
    00
  • 浅谈JavaScript函数节流

    浅谈 JavaScript 函数节流 函数节流(throttle)是一种优化高频执行函数的方法,它可以确保一定时间间隔内只执行一次函数。在一些需要触发频率比较高的事件,比如页面滚动、鼠标拖拽等事件中,使用函数节流可以有效提升页面性能。 基本实现原理 函数节流的基本实现原理是设置一个定时器,再限定在指定的时间内只触发一次函数。如果在等待的时间内再次触发函数,就…

    JavaScript 2023年5月19日
    00
  • 简单谈谈javascript中的变量、作用域和内存问题

    Javascript中的变量、作用域和内存问题 变量的声明和数据类型 在Javascript中,我们可以使用var、let或const关键字声明一个变量。其中,var声明的变量具有函数作用域,而let和const声明的变量则具有块级作用域。 Javascript中的数据类型包括基本数据类型和引用数据类型。基本数据类型有Number、String、Boolea…

    JavaScript 2023年6月10日
    00
  • 学习JavaScript设计模式(链式调用)

    学习 JavaScript 设计模式是提高前端开发技能的重要途径之一。链式调用是其中较为常见的一种模式,它在 jQuery 等插件库中得到广泛应用。下面是学习 JavaScript 设计模式(链式调用)的完整攻略一: 1. 什么是链式调用 链式调用是一种 JavaScript 设计模式,它允许在单行代码中执行多个操作。在链式调用的过程中,一个对象的方法会返回…

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