”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > JS - 关于字符串原语的一切

JS - 关于字符串原语的一切

发布于2024-11-01
浏览:644

JS - All about String Primitive

  • 字符串是基元,但它们仍然具有可在对象上使用的方法。
  • 每当我们调用字符串上的方法时,JS 都会在后台将 String 原语转换为 String 对象,然后在该对象上调用方法。此过程称为装箱,因为 String 基元被取出并放入充当盒子的 String 对象内,即它将参数传递到“new String()”方法内,将字符串基元转换为字符串对象。
  • 操作完成后,对象在后台从 String 对象转换回 String 基元。
  • 传递到“new String()”的任何内容都会成为可以使用 typeof 运算符进行验证的对象。
const car = 'Lamborghini Huracan EVO';

// Similarity of strings with arrays in JS
car[0];
car[car.length-1];
car.length;

// From begin
car.indexOf('o');
car.indexOf('Huracan');

// From end
car.lastIndexOf('E');

// index(begin, end) are used to extract part of string which are then passed to slice() as argument.
car.slice(car.indexOf('o'));
car.slice(8);
car.slice(8,15);  // Extracted string length will be (end-begin) as mentioned below

// String are primitives, hence immutable. Always use a data-structure to return a new string after the operation.

// Extract till a particular location inside an index.
car.slice(0, car.indexOf(' '));

// Extract the last word.
car.slice(car.lastIndexOf(' ')); // extracts along with space
car.slice(car.lastIndexOf(' ')   1); //  1 added to exclude the space

// Extract from the end using negative values
car.slice(-7);
car.slice(1, -1);
car.slice(0, -1);

function knowYourSeatLocation(seat){
  const x = seat.slice(-1);
  if(x === 'W'){     console.log("Window Seat");  }
  if(x === 'M'){    console.log("Middle Seat");  }
  if(x === 'A'){    console.log("Aisle Seat");  }
}
knowYourSeatLocation('43W');
knowYourSeatLocation('12A');
knowYourSeatLocation('67M');

// Common Methods:
car.toLowerCase();
car.toUpperCase();
car.trim();
car.trimStart();
car.trimEnd();

// Methods returning boolean: Very good for conditional statements.
car.includes('Lambo');
car.startsWith('Lam');
car.endsWith('EVO');

// On taking user i/p convert it to lowercase before performing any operations on the text. It would eliminate a lot of error sources related to letter-case.

// Usage: Converting first letter to uppercase incase user enters name in mixed case to maintain consistency
// Usage: Email validation for characters esp whitespace, invalid characters etc.

// String replacement: (ToBeReplaced, ReplceWith)
// replace() : A case-sensitive method. Immutable Methods for functional Programming:
car.replace(' ','_');
car.replaceAll(' ','_');

// Using RegEx: Target text has to be enclosed between // with flag at the end. Desired text to be passed as second argument.
car.replace(/ini/g,'123456');

// .split(): split the text based on condition, return the elements in the form of an array
// .join(): opposite of .split()
car.split(''); // as characters
car.split(' '); // as words
car.split('i'); // based on a character

// Destrucutring makes it easier as compared to using .slice()
const name = 'Peter Parker';
const [fName, lName] = name.split(' ');
fName;
lName;

//  Adding saluttations to the name:
const title = ['Mr.', fName, lName.toUpperCase()].join(' ');
title;

// Usage: First letter of a Name capitalization
const capitalizeName = function(name){
  const names = name.split(' ');
  const namesUpper = [];

  for(const n of names){
    // Method 1 and Method 2 are listed below in two lines. Both work.
    // namesUpper.push(n[0].toUpperCase()   n.slice(1));
    namesUpper.push(n.replace(n[0],n[0].toUpperCase()));
  }
  console.log(namesUpper.join(' '));
};

capitalizeName('amar akbar anthony amarjeet');


// Padding a string i.e adding certain characters until a desired length is achieved.
// (DesiredLength, ToBePaddedWith)
const msg = 'Welcome to JS';
msg.padStart(20,'x');
msg.padEnd(20,'x');

// Convert a no into its string form by using: String()
// Another way is to add an '' to a number i.e When one operand of a   sign is string, all operands are converted into string form.

// Usage: Masking certain numbers of important documents
const maskedId = function(id){
  const str = id   '';
  const lastFour = str.slice(-4);
  return lastFour.padStart(str.length, '*');
}
maskedId(92837483297492);
maskedId('r438t7h4irgrgTAFE');


// repeat(NoOfTimeToBeRepeated) : Repeat the same text multiple times
const msgText = 'Raining.\n';
msgText.repeat(5 );

const TrainsWaiting = function(x){
  console.log(`There are ${x} trains waiting on the station ${'?'.repeat(x)} \n`);
}

TrainsWaiting(4);
TrainsWaiting(16);
TrainsWaiting(8);

// Extract string from a long text received from an API based on some separator found in text.
const data = 'Departure';

版本声明 本文转载于:https://dev.to/mahf001/js-all-about-string-primitive-50bp?1如有侵犯,请联系[email protected]删除
最新教程 更多>
  • 在 MySQL 中存储 IPv6 地址的最佳方式是什么?
    在 MySQL 中存储 IPv6 地址的最佳方式是什么?
    在 MySQL 中存储 IPv6 地址:DECIMAL(39,0) 与 VARBINARY(16)当面临存储 IPv6 的挑战时对于 MySQL 中的地址,开发人员通常会考虑两个选项:DECIMAL(39,0) 和 2*BIGINT。虽然两者各有优点,但出现了一种较以前的方法更具优势的新解决方案。D...
    编程 发布于2024-11-07
  • ES6 类是 JavaScript 原型模式的语法糖吗?
    ES6 类是 JavaScript 原型模式的语法糖吗?
    ES6 类只是 Javascript 中原型模式的语法糖吗?不,ES6 类不仅仅是 Javascript 原型模式的语法糖原型模式。 虽然它们确实有一些相似之处,但也存在一些关键差异,这些差异使 ES6 类成为创建和使用对象的更强大、更方便的方式。以下是关键差异的细分ES6 类和原型模式之间:ES6...
    编程 发布于2024-11-07
  • #daysofMiva 挑战赛的第一天。
    #daysofMiva 挑战赛的第一天。
    100 天挑战的第一天 日期: 8/21/2024 目标: 学习和理解 JavaScript 中的变量、逻辑运算和数据类型,使用 JavaScript 解决数学问题,并开始学习事件监听器和条件语句。 1. JavaScript变量介绍 今天,我通过学习变量开始了 JavaScript...
    编程 发布于2024-11-07
  • 如何将 PHP 生成的值安全地集成到 JavaScript 代码中?
    如何将 PHP 生成的值安全地集成到 JavaScript 代码中?
    将 PHP 生成的值合并到页面上的 JavaScript 中尝试将 PHP 生成的值嵌入到 JavaScript 代码中时,您可能会遇到类似于给定示例中的错误。要解决此问题,请考虑以下方法:<?php $htmlString = 'testing'; ?> <html> ...
    编程 发布于2024-11-07
  • 了解异步 JavaScript
    了解异步 JavaScript
    JavaScript 是一种单线程语言,这意味着它一次只能做一件事。然而,Web 应用程序通常需要执行从服务器获取数据等任务,这可能需要一些时间。如果 JavaScript 必须等待每个任务完成才能继续,那么您的 Web 应用程序将会变得缓慢且无响应。这就是异步(async)JavaScript发挥...
    编程 发布于2024-11-07
  • 您应该避免的错误(以及如何修复它们)
    您应该避免的错误(以及如何修复它们)
    作为一名 React 开发人员,很容易陷入某些编码模式,这些模式一开始看起来很方便,但最终可能会导致问题。在这篇博文中,我们将探讨 5 个常见的 React 错误,并讨论如何避免它们,确保您的代码保持高效、可维护和可扩展。 1. 滥用关键道具 错误: {myList.map((ite...
    编程 发布于2024-11-07
  • 如何在 PHP 中访问 JavaScript 变量值?
    如何在 PHP 中访问 JavaScript 变量值?
    在 PHP 中使用 JavaScript 变量值使用同时涉及 JavaScript 和 PHP 的 Web 应用程序时,通常需要在两者之间交换数据两种语言。然而,由于语言的执行环境不同,直接在 PHP 中访问 JavaScript 变量是不可能的。PHP 在服务器端执行,而 JavaScript 在...
    编程 发布于2024-11-07
  • Popver API VS 对话框模态:相同但不同
    Popver API VS 对话框模态:相同但不同
    我在阅读一些科技新闻博客时偶然发现标题 Popover API 登陆 Baseline。我很困惑,在我最近深入前端开发期间,我最近很难习惯在 HTML 中使用 Elements。在浏览博客时,我一直对到目前为止我如何使用该元素感到困惑。 长话短说 选择: 需要用户焦点的模态弹出窗口...
    编程 发布于2024-11-07
  • Go中不嵌入结构体可以实现方法继承吗?
    Go中不嵌入结构体可以实现方法继承吗?
    嵌入式结构:方法继承的探索理解 Go 中的方法继承In在 Go 中,将方法从一种类型继承到另一种类型的能力主要是通过嵌入结构来实现的。此技术涉及将一个结构嵌入另一个结构,允许外部结构访问和利用嵌入结构的方法。嵌入结构的示例考虑以下内容代码片段:type Properties map[string]i...
    编程 发布于2024-11-07
  • 如何在 PHP 中的 Foreach 循环中检索数组键
    如何在 PHP 中的 Foreach 循环中检索数组键
    在 Foreach 循环期间检索数组键:PHP在 PHP 中使用数组时,通常需要检索其中的键和值foreach 循环。 key() 函数提供了一种在迭代期间访问当前键的便捷方法。但是,在某些情况下,它可能不会产生所需的结果。考虑以下代码,其目的是从示例数组生成 HTML 表:foreach($sam...
    编程 发布于2024-11-07
  • 在 JavaScript 中创建对象的方法
    在 JavaScript 中创建对象的方法
    介绍 在 JavaScript 中创建对象的方法有很多种。 对象字面量 Object() 构造函数 Object.create() 构造函数 ES6 类 对象字面量 这可能是在 JavaScript 中创建对象最快、最简单的方法。这也称为对象初始值设定项,是一个由零...
    编程 发布于2024-11-07
  • 如何在 JavaScript 中扩展自定义异常的错误对象?
    如何在 JavaScript 中扩展自定义异常的错误对象?
    扩展 JavaScript 中的错误对象在 JavaScript 中抛出异常时,可能希望扩展内置 Error 对象以创建自定义错误类型。这允许更具体和信息丰富的异常处理。在 JavaScript 中,继承不是通过子类化与 Python 不同,在 Python 中,异常通常是从 Exception 基...
    编程 发布于2024-11-07
  • MySQL如何保证并发操作时数据的完整性?
    MySQL如何保证并发操作时数据的完整性?
    MySQL 并发:确保数据完整性如果您的 MySQL 数据库使用 InnoDB 存储引擎,您可能会担心在执行过程中潜在的并发问题。同时记录更新或插入。本文探讨了 MySQL 如何处理并发以及是否需要在应用程序中加入额外的处理。MySQL 的并发处理MySQL 采用原子性,这意味着单独的 SQL 语句...
    编程 发布于2024-11-07
  • 如何使用 Go 在 SQL 查询中有效连接字符串和值?
    如何使用 Go 在 SQL 查询中有效连接字符串和值?
    在 Go 中有效地制作 SQL 查询在 Go 中将字符串与文本 SQL 查询中的值连接起来可能有点棘手。与 Python 不同,Go 的字符串格式化语法行为不同,导致常见错误,如此处遇到的错误。元组语法错误初始代码片段尝试使用 Python -style 元组,Go 中不支持。这会导致语法错误:qu...
    编程 发布于2024-11-07
  • 为什么 json_encode() 无法使用 Latin1 编码对 MySQL 数据库中的重音字符进行编码?
    为什么 json_encode() 无法使用 Latin1 编码对 MySQL 数据库中的重音字符进行编码?
    MySQL 中 UTF-8 字符的 JSON 编码难题当尝试使用 latin1_swedish_ci 编码从数据库中检索重音字符并使用 json_encode() 将它们编码为 JSON 时,结果可能出乎意料。预期结果(例如“Abord â Plouffe”)会转换为“null”,从而使编码的 JS...
    编程 发布于2024-11-07

免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。

Copyright© 2022 湘ICP备2022001581号-3