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

yizhihongxing

下面我就来详细讲解一下 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日

相关文章

  • JavaScript reduce的基本用法详解

    JavaScript reduce的基本用法详解 reduce() 方法通过指定函数对数组元素进行累积计算,可将数组简化为单个值。它接收一个回调函数作为参数,该回调函数需要返回一个累积的结果。 基本语法 array.reduce(function(total, currentValue, currentIndex, arr), initialValue) 参…

    JavaScript 2023年5月18日
    00
  • Promise静态四兄弟实现示例详解

    Promise静态四兄弟实现示例详解 Promise静态四兄弟 在ES6中,Promise是一种用于异步编程的解决方案。Promise有两个状态:pending(等待)、fulfilled(已成功)和rejected(已失败)。一旦Promise状态改变为fulfilled或rejected,它就变成了不可变的。Promise有一些静态方法,其中四个方法称为…

    JavaScript 2023年5月27日
    00
  • 让你5分钟掌握9个JavaScript小技巧

    下面我就来详细讲解“让你5分钟掌握9个JavaScript小技巧”的完整攻略。 1. 变量值交换 有一种交换变量值的另类写法,可以用解构赋值完成: let a = 1; let b = 2; [a, b] = [b, a]; console.log(a) //输出2 console.log(b) //输出1 2. 使用扩展运算符复制数组 扩展运算符(spre…

    JavaScript 2023年5月17日
    00
  • 分享19个JavaScript 有用的简写写法

    下面为您详细讲解“分享19个JavaScript 有用的简写写法”的完整攻略。 前言 JavaScript 是目前应用广泛的编程语言之一,对于初学者来说,熟练使用一些简写写法可以提高编码效率,降低调试成本。本文将分享19个 JavaScript 有用的简写写法,方便开发者们在使用 JavaScript 过程中更加高效、便捷地完成编码工作。 内容 1. Ter…

    JavaScript 2023年5月19日
    00
  • js获取ajax返回值代码

    接下来我将详细讲解JS获取AJAX返回值的完整攻略。 准备工作 在使用JS获取AJAX返回值之前,需要先引入jQuery库,因为AJAX主要是使用jQuery库的ajax方法来实现的。在头部引入jQuery库的代码如下: <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/j…

    JavaScript 2023年6月11日
    00
  • 利用JS如何计算字符串所占字节数示例代码

    计算字符串所占字节数是一个比较常见的需求,特别是在前端开发中经常需要通过限制字符串字节数来实现一些功能,比如限制一个输入框最多输入多少个中文字符等等。下面是利用JavaScript来计算字符串所占字节数的完整攻略。 1. 使用UTF-8编码计算字符串字节数 UTF-8是一种地球上最常用的编码方式之一,每个字符的字节数不同。在UTF-8中,一个英文字符占用1个…

    JavaScript 2023年5月28日
    00
  • 开发跨浏览器javascript常见注意事项

    开发跨浏览器 JavaScript 常见注意事项 在开发 JavaScript 应用程序时,我们经常会遇到浏览器兼容性的问题。不同的浏览器可能会有不同的 JavaScript 实现、DOM 实现等等,导致开发过程中的一些不兼容问题。在这篇文章中,我们将提供一些常见的跨浏览器开发注意事项和技巧,以及具体的示例说明。 1. 检测浏览器 在开发跨浏览器 JavaS…

    JavaScript 2023年5月28日
    00
  • JS作用域作用链及this使用原理详解

    JS作用域作用链及this使用原理详解 在JavaScript中,作用域和作用链是非常重要的概念,他们会影响变量和函数的调用、执行以及存储等方面。同时,this也是一个需要理解的重要概念,它在JavaScript中具有特殊的作用。本文将深入探讨这三个概念,并给出相关的示例。 作用域 作用域就是程序可以访问和操作的空间范围。在JavaScript中,每个函数都…

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