JavaScript >> Javascript 文檔 >  >> JavaScript

如何在 JavaScript 中小寫或大寫所有數組值

在 JavaScript 中,您可以使用 Array.map() 方法遍歷所有元素,然後使用字符串方法更改元素的大小寫。

這是一個演示如何使用 String.toUpperCase() 的示例 方法以及 Array.map() 將數組中的所有元素大寫:

const names = ['Ali', 'Atta', 'Alex', 'John'];

const uppercased = names.map(name => name.toUpperCase());

console.log(uppercased);

// ['ALI', 'ATTA', 'ALEX', 'JOHN']

toUpperCase() 方法將字符串轉換為大寫字母而不改變原始字符​​串。

要將數組中的所有元素轉換為小寫,您可以使用另一個名為 String.toLowerCase() 的 JavaScript 方法 如下圖:

const names = ['Ali', 'Atta', 'Alex', 'John'];

const lowercased = names.map(name => name.toLowerCase());

console.log(lowercased);

// ['ali', 'atta', 'alex', 'john']

這兩種字符串方法都適用於所有現代瀏覽器,以及 IE6 及更高版本。但是,Array.map() 在 ES6 中引入,僅支持 IE9 及更高版本。另一方面,箭頭函數在 IE 中根本不起作用。

要支持舊版瀏覽器(IE9 及以上),您應該改用普通功能:

const uppercased = names.map(function (name) {
    return name.toUpperCase();
});

const lowercased = names.map(function (name) {
    return name.toLowerCase();
});

要了解有關 JavaScript 數組以及如何使用它們將多條信息存儲在一個變量中的更多信息,請查看本指南。


Tutorial JavaScript 教程
  1. 哦,困境!你應該學習 React、Angular、Vue 還是“另一個框架”.js

  2. Vue 觀察者與計算屬性

  3. Fluture 簡介 - Promise 的功能替代方案

  4. 為 Javascript/NodeJS 開發人員學習 Laravel 6 和 VueJS 第 2 部分 - 目錄結構解釋

  5. date-fns v2 測試版已經發布!

  6. 免費眩暈和轉向服務器列表|開放中繼項目

  7. React 直播應用

  1. 如何使用 JavaScript 功能切換來安全部署 [React.js 示例與 Dev.to App]

  2. 黑白 React Typescript、React JavaScript 和 React Native 的區別?

  3. 承諾永遠不會在 javascript 中得到解決

  4. freeCodeCamp Pomodoro Clock 02:提升狀態和反應道具

  5. 在 JS pt 1 中編寫 JSON 解析器:原語

  6. 這幅畫如何改變了我作為一名開發人員

  7. 反應導師

  1. 快速訪問我在 Codever 上的最後搜索

  2. 按類別劃分的 6 個最佳 React 組件庫

  3. Scrollspy、功能、Mouseaway 模態 |模塊星期一 40

  4. 贊助JSNation Live 2020