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日

相关文章

  • JS实现获取当前所在周的周六、周日示例分析

    要实现获取当前所在周的周六、周日,可以采用以下步骤: 步骤一:获取当前日期 首先,我们需要获取当前的日期对象,可以使用 JavaScript 中的 Date() 函数,如下所示: let today = new Date(); 步骤二:获取本周的第一天 接下来,我们需要获取本周的第一天,也就是周一的日期。我们可以通过以下代码实现: let firstDay …

    JavaScript 2023年6月10日
    00
  • js中document.write和document.writeln的区别

    下面是讲解js中document.write和document.writeln的区别的完整攻略: 概述 在 JavaScript 中,document.write() 和 document.writeln() 方法都可以输出字符串到页面中。它们的主要区别在于输输出的字符串位置不同,document.write() 是将字符串输出到指定的输出流(通常是 HTM…

    JavaScript 2023年5月28日
    00
  • JavaScript数组push方法使用注意事项

    JavaScript中的数组是一种常用且非常灵活的数据结构,它可以利用push方法向数组中添加元素。但是,在使用JavaScript数组的push方法时,需要注意以下几个方面: 1. push方法用法 数组的push方法用于向数组添加元素,语法格式如下: array.push(element1, element2, …, elementN); 其中,el…

    JavaScript 2023年5月27日
    00
  • js 函数的副作用分析

    JS 函数的副作用分析是指分析函数执行时除了返回值外,是否对外部环境造成了影响,例如修改全局变量值、修改参数值、调用外部API等。 以下是进行 JS 函数副作用分析的完整攻略: 步骤一:理解什么是函数的副作用 先来看看函数的定义: function add(a, b) { return a + b; } 这个函数的作用就是将两个值相加并返回结果,这里没有任何…

    JavaScript 2023年5月27日
    00
  • JavaScript学习笔记(三):JavaScript也有入口Main函数

    接下来我将详细讲解“JavaScript学习笔记(三):JavaScript也有入口Main函数”的完整攻略。 什么是JavaScript的入口Main函数? 在很多编程语言中,都有一个入口函数,比如Java中的main函数、C++中的main函数等等。在JavaScript中,虽然没有像Java、C++那样明确的入口函数,但是我们可以通过编写一个init函…

    JavaScript 2023年5月27日
    00
  • php cookie用户登录的详解及实例代码

    现在我来给您详细讲解“php cookie用户登录的详解及实例代码”的完整攻略。 概述 在网站开发中,登录是一个非常重要的功能。其中,保存用户登录状态的方式有多种,其中之一就是通过使用cookie来保存用户信息。本文将通过示例代码,详细讲解如何使用php cookie来实现用户登录。 实现步骤 步骤一:创建登录页面 首先,我们需要在HTML中创建一个登录页面…

    JavaScript 2023年6月11日
    00
  • JavaScript中?. 和??分别是什么详解

    让我来详细讲解JavaScript中?.和??的使用。 ?.运算符 ?.运算符是ES2020(也称为ES11)中的新功能,它是用于简化可选链式调用的一种语法糖。可选链式调用允许我们选择性地访问一个对象的属性,它避免了访问未定义的对象属性时出现的TypeError错误。 示例1: const user = { name: ‘Tom’, age: 25, add…

    JavaScript 2023年5月18日
    00
  • JavaScript实现解析INI文件内容的方法

    当我们需要从INI文件中获取数据时,可以使用JavaScript实现解析INI文件内容的方法。以下是具体的步骤: 读取INI文件内容 通过使用 XMLHttpRequest 对象可以获取本地或远程的INI文件内容。 例如: const xhr = new XMLHttpRequest(); xhr.open(‘GET’, ‘/path/to/file.ini…

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