javascript中数组(Array)对象和字符串(String)对象的常用方法总结

下面我就来详细讲解一下 JavaScript 中数组(Array)对象和字符串(String)对象的常用方法总结。

数组对象的常用方法总结

数组的创建和初始化

JavaScript 中可以使用多种方式创建和初始化数组。下面是几种常用的方法:

// 第一种方法:使用 [] 定义数组,可以在数组内直接写入元素
let arr1 = [1, 2, 3];

// 第二种方法:使用 Array 构造函数创建数组,也可以在其中加入元素
let arr2 = new Array();
arr2[0] = 1;
arr2[1] = 2;
arr2[2] = 3;

// 第三种方法:使用 Array 构造函数和参数创建数组
let arr3 = Array.of(1, 2, 3);

数组的查询

JavaScript 中查询数组中的元素有很多种方法,比如:

  • 通过数组下标查询
let arr = [1, 2, 3];
// 查询第一个元素
console.log(arr[0]); // 输出 1
  • 通过数组方法查询
let arr = [1, 2, 3];
// 查询元素是否存在
let index = arr.indexOf(2); // 返回 1

数组的操作

JavaScript 中可以对数组进行很多操作,比如:

  • 在数组尾部添加元素
let arr = [1, 2, 3];
arr.push(4);
console.log(arr); // 输出 [1, 2, 3, 4]
  • 在数组头部添加元素
let arr = [1, 2, 3];
arr.unshift(0);
console.log(arr); // 输出 [0, 1, 2, 3]
  • 删除数组尾部元素
let arr = [1, 2, 3];
arr.pop();
console.log(arr); // 输出 [1, 2]
  • 删除数组头部元素
let arr = [1, 2, 3];
arr.shift();
console.log(arr); // 输出 [2, 3]

这里只列举了几个操作方式,实际上,数组对象有很多常用的方法,需要我们在实际应用中灵活使用。

字符串对象的常用方法总结

字符串的查询

JavaScript 中查询字符串中的内容也有很多方式,比如:

  • 通过下标查询
let str = "Hello, world!";
// 查询第一个字符
console.log(str[0]); // 输出 H
  • 通过字符串方法查询
let str = "Hello, world!";
// 查询子字符串是否存在
let index = str.indexOf("wor"); // 返回 7

字符串的操作

JavaScript 中可以对字符串进行很多操作,比如:

  • 拼接字符串
let str1 = "Hello";
let str2 = "world";
let str3 = str1 + ", " + str2;
console.log(str3); // 输出 Hello, world
  • 修改字符串大小写
let str = "Hello, world!";
console.log(str.toUpperCase()); // 输出 HELLO, WORLD!
console.log(str.toLowerCase()); // 输出 hello, world!

以上只是字符串常用方法的简单示例,实际上字符串常见操作非常多,需要我们在实际应用中灵活使用。

示例说明

下面以数组操作为例,简单说明一下数组对象常用方法的应用场景:

let items = ["apple", "banana", "orange", "pear"];

// 查询是否存在指定元素
if(items.indexOf("banana") > -1) {
  console.log("Item found!");
}

// 遍历数组
for(let i = 0; i < items.length; i++) {
  console.log(items[i]);
}

// 通过 forEach 方法遍历数组
items.forEach(function(item) {
  console.log(item);
});

// 在数组头部添加元素
items.unshift("watermelon");

// 在数组尾部添加元素
items.push("peach");

// 删除数组头部元素
items.shift();

// 删除数组尾部元素
items.pop();

以上代码中,我们使用了数组常见的查询、遍历、添加元素和删除元素等操作,这些方法在实际操作中非常方便实用。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:javascript中数组(Array)对象和字符串(String)对象的常用方法总结 - Python技术站

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

相关文章

  • 判断一个变量是数组Array类型的方法

    判断一个变量是否为数组类型的方法: 有多种方法来判断一个变量是否为数组类型,下面介绍其中的几种方法: 方法一:使用Array.isArray()方法 Array.isArray()方法可以判断传入的参数是否为数组类型,若为数组类型,返回true;否则返回false。 示例代码如下: const arr = [1, 2, 3]; console.log(Arr…

    JavaScript 2023年5月27日
    00
  • 原生js实现淘宝购物车功能

    原生js实现淘宝购物车功能的攻略可以分为以下几个步骤: 步骤一:页面结构 首先,我们需要在页面中设置一个存放购物车商品的容器,并给它一个id,方便我们后续在JavaScript中获取到它的元素: <div id="cart-container"> </div> 步骤二:获取数据 接下来,我们需要从后台获取购物车中的…

    JavaScript 2023年6月11日
    00
  • javascript之大字符串的连接的StringBuffer 类

    StringBuffer 类是一个在 JavaScript 中实现字符串连接的工具类,它可以支持大字符串的高效连接,同时减少了连接大字符串时产生的多余内存自动分配。 使用 StringBuffer 类的基本步骤 StringBuffer 类的基本使用步骤分以下三步: 创建一个 StringBuffer 对象进行实例化 使用 append 方法向 String…

    JavaScript 2023年5月28日
    00
  • JavaScript浏览器对象之一Window对象详解

    JavaScript浏览器对象之一Window对象详解 Window对象是JavaScript浏览器对象模型的核心之一,在浏览器开发中扮演着非常重要的角色。本文将主要介绍Window对象的使用方法和相关知识。 Window对象是什么 在JavaScript中,window对象表示浏览器中的窗口或框架,它是JavaScript访问浏览器窗口和框架中所有元素的接…

    JavaScript 2023年5月27日
    00
  • JavaScript程序中的流程控制语句用法总结

    流程控制语句是JavaScript编程中非常重要的一部分,它用于根据条件执行特定的代码。在本文中,我们将深入讨论JavaScript程序中的流程控制语句的用法汇总。 条件语句 if语句 if语句是JavaScript最常见的条件语句。它允许根据一个条件来执行代码块,同时,它可以与else语句结合使用,以提供一些备选的行为。 if语句的基本语法如下: if (…

    JavaScript 2023年5月27日
    00
  • JavaScript暂停和继续定时器的实现方法

    JavaScript中定时器有两种类型:setInterval和setTimeout。这两种定时器的实现原理都是通过JavaScript引擎维护一个定时器队列来实现。当一个定时器到期时,会将对应的回调函数加入到待执行的任务队列中,等待JavaScript引擎进行执行。 暂停定时器 在JavaScript中暂停定时器有许多方法,以下是其中两种实现方式。 方式一…

    JavaScript 2023年6月11日
    00
  • 用js编写的简单的计算器代码程序

    为了编写一个简单的计算器程序,我们可采用HTML、CSS、JavaScript等技术。下面将分步骤讲解如何制作一个基于JS编写的简易计算器程序。 步骤一:创建基本的HTML代码 我们需要创建一个空白的HTML文件,并添加必要的元素,例如标题,文本输入框和按钮。通过以下HTML代码可以实现: <!DOCTYPE html> <html>…

    JavaScript 2023年5月27日
    00
  • JS前端基于canvas给图片添加水印

    在前端开发中,给图片添加水印是一项常见的需求。利用canvas可以比较方便地实现给图片添加水印的功能。下面是实现这一需求的完整攻略: 1. 准备工作 在开始使用canvas给图片添加水印之前,我们需要准备一张需要添加水印的图片和一个水印图片,这个水印图片可以是公司logo、网站名称等等。另外,需要一个canvas标签,这里以<canvas id=”ca…

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