Maison interface Web js tutoriel Résumé des méthodes courantes pour les tableaux et chaînes js

Résumé des méthodes courantes pour les tableaux et chaînes js

Jan 14, 2017 am 11:37 AM

J'ai récemment réglé les bases de js, en commençant par les tableaux et les chaînes.

string Méthodes courantes :

1.substring (index de la position de départ, index de la position de fin) La position interceptée n'inclut pas les caractères à la position de fin. à partir de la position de départ. À la fin

var str='abcdefg'; 
str.substring(1) //得到bcdefg  str.substring(1,3) //得到bc
Copier après la connexion

lors de la saisie d'une valeur négative, la valeur négative sera remplacée par 0, la valeur la plus petite étant utilisée comme position de départ

str.substing(-1,1) = >str.substring(0,1) //a
str.substring(1,-2) =>str.substring(0,1) / /a

2.slice(start Start position index, end position index) est fondamentalement similaire à la sous-chaîne, la différence est que le paramètre est un nombre négatif.

var str='abcdefg';
str.slice(1)  //bcdefg      str.substring(1,3) // bc
Copier après la connexion

Lors de la saisie d'une valeur négative, la valeur est ajoutée à la longueur de la chaîne

str.slice(-1) =>str.slice( 6) / /g
str.slice(1,-2) =>str.slice(1,5) //bcde
str.slice(-2,-1)=>str.slice (5, 6) //Lorsque la valeur absolue de f

est supérieure à la longueur de la chaîne, elle devient 0

str.slice(-22) =>str.substring (0) //abcdefg

Lorsque la valeur absolue du deuxième paramètre est supérieure à la longueur de la chaîne, renvoie ''

3.substr (démarrer l'index de la position de départ, terminer le nombre de caractères à retourner)

var str='abcdefg';
str.substr(1) //bcdefg      str.substr(1,1) //b
Copier après la connexion

Lorsqu'une valeur négative est saisie, le paramètre start est ajouté à la longueur de la chaîne. Lorsque end est négatif, le paramètre devient 0<. La méthode 🎜>

str.substr(-1) =>str.substr(6)//g        
str.substr(-2,-3) // &#39;&#39;
Copier après la connexion

4.charAt(index ) renvoie le caractère à la position d'index spécifiée. Si la valeur de l'index dépasse la plage valide (0 et la longueur de la chaîne moins un), une chaîne vide est renvoyée

var str=&#39;abcdefg&#39;;
str.charAt(2) // c
Copier après la connexion

5.index(string) Renvoie la première. occurrence à la position de la sous-chaîne de l'objet String. Si la sous-chaîne n'est pas trouvée, -1 est renvoyé.

var str='abcdefga' str.indexOf('a') // 0 str.indexOf('h') //-1

6.lastIndexOf(string) Recherche Flashback

Renvoie la position de la première occurrence de sous-chaîne dans l'objet String. Si la sous-chaîne n'est pas trouvée, -1 est renvoyé.

var str='abcdefga' str.lastIndexOf('a') // 7

7.split(str) Diviser la chaîne en un tableau à l'aide de paramètres

var str='abcadeafg' str.split('a') //["", "bc", "de", "fg"]

8 La méthode toLowerCase renvoie une chaîne dans laquelle les lettres sont converties. en minuscule.

9. La méthode toUpperCase renvoie une chaîne dans laquelle toutes les lettres sont converties en lettres majuscules.

10.match() – la méthode peut récupérer une valeur spécifiée dans une chaîne ou trouver une correspondance pour une ou plusieurs expressions régulières

11.search La méthode renvoie la même chose que la recherche d'expression régulière. position de la première chaîne dont le contenu correspond.

12.replace est utilisé pour rechercher une chaîne qui correspond à une expression régulière, puis remplacer la correspondance par une nouvelle chaîne

http://www.cnblogs.com/bijiapo/p/ 5451924. html

Méthodes couramment utilisées pour les tableaux

1. pousser Ajouter à la fin Renvoie le tableau ajouté

2. Unshift Ajouter au premier plan Renvoie le tableau ajouté<🎜. >

3. shift Supprimer (de l'avant) Renvoie le tableau traité

4. pop Supprime le dernier élément Renvoie le tableau traité

5. 🎜>

6. join Convertir le tableau en chaîne

var arr=[1,2,3,4,5], str=arr.join(&#39;--&#39;);
 console.log(str); // 1--2--3--4--5 以join内的参数切割数组
 console.log(arr); // [1,2,3,4,5]  原数组未变
Copier après la connexion
7. slice(start,end) Intercepter le tableau du début (start) à la fin (end est non inclus)

<返> Retour au nouveau tableau, le tableau d'origine reste inchangé

8. Tableau Concat fusionné

9. ..) Tableau d'épissage

var arr=[1,2,3,4,5],new=arr.slice(2,4);
console.log(new);  // [3,4]
console.log(arr);  // [1,2,3,4,5]
Copier après la connexion
(1). Un paramètre intercepte et remplit le nombre négatif à partir de la position du paramètre, similaire à str slice ci-dessus. Renvoie le tableau intercepté et les modifications du tableau d'origine

(2). ).L'interception de deux paramètres (position de départ, numéro) renvoie le changement de tableau d'origine du tableau intercepté

var arr=[1,2,3,4,5];
console.log(arr.splice(1));  // [2,3,4,5]
console.log(arr);       // [1]
console.lgo(arr.splice(-1))  // [5]
Copier après la connexion

(3).ajouter une augmentation du tableau d'origine

var arr=[1,2,3,4,5];
console.log(arr.splice(1,3)); // [2,3,4]
console.log(arr)       // [1,5]
arr.splice(0,1) =>arr.shift()
arr.splcie(arr.length-1,1) =>arr.pop()
Copier après la connexion

(4). Remplacer

var arr=[1,2,3,4,5];
console.log(arr.splice(1,0,13)); // []
console.log(arr);        // [1,13,2,3,4,5]
Copier après la connexion

10. arr.forEach(item,index,array){} Traversée, boucle similaire à jquery each

var arr=[1,2,3,4,5];
console.log(arr.splice(1,2,&#39;a&#39;,&#39;b&#39;)) // [2,3]
console.log(arr);        // [1,&#39;a&#39;,&#39;b&#39;,4,5]
arr.splice(0,0,1) =>arr.unshift(1);
arr.splice(arr.length,0,1) => arr.push(1)
Copier après la connexion
Le paramètre item est le contenu du tableau, index est son index et array représente le tableau lui-même

Des problèmes surviennent lors du saut hors des boucles imbriquées, il y a pas de solution pour le moment ;

var arr=[1,2,3,4,5];
      arr.forEach(function(item,index,array){
      })
Copier après la connexion
11. méthode map L'utilisation du mappage est similaire à forEach

12. arr.sort Tri

var men=[
       {&#39;name&#39;:1,&#39;age&#39;:12},
       {&#39;name&#39;:2,&#39;age&#39;:22},
       {&#39;name&#39;:3,&#39;age&#39;:33}
   ],
   age=men.map(function(item){
       return item.age;
   })
Copier après la connexion

var arr=[1,2,22,11,33,3,5,4];
  console.log(arr.sort()) // [1,11,2,22,3,33,4,5]
Copier après la connexion
Par défaut, la méthode de tri trie par ordre alphabétique ascii, et non par ordre numérique comme on le pense

arr.sort(function(a,b){ return a-b})

a-b从小到大 b-a从大到小

13. 顺便写写我知道的排序方法

(1)冒泡排序 每次比较相邻的两个数,如果后一个数比前一个数小,换位置

function bSort(arr){
    var tmp;
    for(var i=0,len=arr.length-1;i<len;i++){
      for(var j=0;j<len;j++){
        if(arr[j]>arr[j+1]){
          //换位置
          tmp=arr[j+1];
          arr[j+1]=arr[j];
          arr[j]=tmp;
        }
      }
    }
    return arr;
  }
  function bSort(arr){
    var tmp;
    arr.forEach(function(item,i){
      arr.forEach(function(item,i){
        if(item>arr[i+1]){
          //换位置
          tmp = arr[i + 1];
          arr[i + 1] = arr[i];
          arr[i] = tmp;
        }
      })
    })
    return arr
  }
Copier après la connexion


(2)快速排序 二分法,找到中间的数,取出来(新数组),原数组没,每次和此数比较,小的放到左边,大的放到右面

function fastSoft(arr){
       var len=arr.length;
       if(len<=1){ return arr}
       var  cIndex=Math.floor(len/2),
          c=arr.splice(c,1),
          left=[],
          right=[];
       arr.forEach(function(item,i){
           if(item<c[0]){
           left.push(item);
         }else{
           right.push(item);
         }
       })
    return fastSoft(left).concat(c,fastSoft(right));
  }
Copier après la connexion

14. 数组的去重也写下吧

(1)双层循环不是很好

var arr=[2,3,2,2,2,4,5],
      arr2=[];
        function find(arr2,ele){
         for(var i= 0,len=arr2.length;i<len;i++){
           if(arr2[i]==ele) return true;
         }
          return false;
        }
        for(var i= 0,len=arr.length;i<len;i++){
          if(!find(arr2,arr[i])){
            arr2.push(arr[i]);
          }
        }
Copier après la connexion

(2)利用json的key值无重复

var arr=[2,3,2,2,2,4,5],
        json={},
        arr2=[];
          arr.forEach(function(item,i){
            if(!json[item]){
              json[item]=222;
            }
          });
          for(var name in json){
            arr2.push(Number(name));//类型发生变化了
          }
Copier après la connexion

(3) 利用sort方法排序,去掉旁边相同项

var arr=[2,3,2,4,4,4,5],
   arr2=[];
     arr.sort();
     for(var i=0;i<arr.length;i++){
       if(arr[i]==arr[i+1]){
         arr.splice(i--,1);
       }
     }
Copier après la connexion


一些常见数学方法

    math.abs() 取绝对值  math.ceil() 向上取整 math.floor() 向下取整
    math.round() 四舍五入 math.roundom
function getRan(n,m){
  return Math.floor(Math.random()*(m-n)+n);
}
Copier après la connexion

数组和字符串的一些综合应用

1. 截取后缀名

(1) var str='1.xxx.avi';

str=str.substring(str.lastIndexOf('.')+1);

(2) var str='1.xxx.avi';

var arr=str.split(&#39;.&#39;);
console.log(arr[arr.length-1]);
Copier après la connexion

2.字母翻转,首字母大写

var str=&#39;wo shi yi ge demo&#39;,
   arr=str.split(&#39; &#39;);
   for(var i=0;i<arr.length;i++){
     console.log()
    arr[i]=arr[i].charAt(0).toUpperCase()+arr[i].substring(1);
   }
   arr.reverse();
   str=arr.join(&#39; &#39;);
Copier après la connexion

3. str中字符出现次数的统计

var str=&#39;aaaandkdffsfsdfsfssq12345&#39;,
   json={},
   n= 0,
   sName;
   for(var i= 0,len=str.length;i<len;i++){
     var Letter=str.charAt(i);
     //统计次数
     if(json[Letter]){
       json[Letter]++;
     }else{
       json[Letter]=1;
     }
   }
   //找最大
   for(var name in json){
     if(json[name]>n){
       n=json[name];
       sName=name;
     }
   }
   console.log(&#39;出现最多的字母&#39;+sName+&#39;次数为&#39;+n);
Copier après la connexion

4. 简单的url参数解析

function getData() {
        var search = window.location.search.substring(1);
        if (!search) {
          return;
        }
        var arr = search.split(&#39;&&#39;),
            arr2 = [],
            json = {},
            key,
            alue;
        for (var i = 0; i < arr.length; i++) {
          arr2 = arr[i].split(&#39;=&#39;);
          key = arr2[0];
          value = arr2[1];
          json[key] = value;
        }
        return json;
       }
Copier après la connexion

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持PHP中文网!

更多js数组与字符串常用方法总结相关文章请关注PHP中文网!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment créer et publier mes propres bibliothèques JavaScript? Comment créer et publier mes propres bibliothèques JavaScript? Mar 18, 2025 pm 03:12 PM

L'article discute de la création, de la publication et du maintien des bibliothèques JavaScript, en se concentrant sur la planification, le développement, les tests, la documentation et les stratégies de promotion.

Comment optimiser le code JavaScript pour les performances dans le navigateur? Comment optimiser le code JavaScript pour les performances dans le navigateur? Mar 18, 2025 pm 03:14 PM

L'article traite des stratégies pour optimiser les performances JavaScript dans les navigateurs, en nous concentrant sur la réduction du temps d'exécution et la minimisation de l'impact sur la vitesse de chargement de la page.

Que dois-je faire si je rencontre l'impression de code brouillé pour les reçus en papier thermique frontal? Que dois-je faire si je rencontre l'impression de code brouillé pour les reçus en papier thermique frontal? Apr 04, 2025 pm 02:42 PM

Des questions et des solutions fréquemment posées pour l'impression de billets thermiques frontaux pour le développement frontal, l'impression de billets est une exigence commune. Cependant, de nombreux développeurs mettent en œuvre ...

Comment déboguer efficacement le code JavaScript à l'aide d'outils de développeur de navigateur? Comment déboguer efficacement le code JavaScript à l'aide d'outils de développeur de navigateur? Mar 18, 2025 pm 03:16 PM

L'article traite du débogage efficace de JavaScript à l'aide d'outils de développeur de navigateur, de se concentrer sur la définition des points d'arrêt, de l'utilisation de la console et d'analyser les performances.

Comment utiliser les cartes source pour déboguer le code JavaScript minifié? Comment utiliser les cartes source pour déboguer le code JavaScript minifié? Mar 18, 2025 pm 03:17 PM

L'article explique comment utiliser les cartes source pour déboguer JavaScript minifiée en le mappant au code d'origine. Il discute de l'activation des cartes source, de la définition de points d'arrêt et de l'utilisation d'outils comme Chrome Devtools et WebPack.

Comment utiliser efficacement le cadre de collections de Java? Comment utiliser efficacement le cadre de collections de Java? Mar 13, 2025 pm 12:28 PM

Cet article explore une utilisation efficace du cadre de collections de Java. Il met l'accent sur le choix des collections appropriées (liste, set, map, file d'attente) en fonction de la structure des données, des besoins en performances et de la sécurité des threads. Optimisation de l'utilisation de la collection grâce à

TypeScript pour les débutants, partie 2: Types de données de base TypeScript pour les débutants, partie 2: Types de données de base Mar 19, 2025 am 09:10 AM

Une fois que vous avez maîtrisé le didacticiel TypeScript de niveau d'entrée, vous devriez être en mesure d'écrire votre propre code dans un IDE qui prend en charge TypeScript et de le compiler en JavaScript. Ce tutoriel plongera dans divers types de données dans TypeScript. JavaScript a sept types de données: null, non défini, booléen, numéro, chaîne, symbole (introduit par ES6) et objet. TypeScript définit plus de types sur cette base, et ce tutoriel les couvrira tous en détail. Type de données nuls Comme javascript, null en typeScript

Début avec Chart.js: tarte, beignet et graphiques à bulles Début avec Chart.js: tarte, beignet et graphiques à bulles Mar 15, 2025 am 09:19 AM

Ce tutoriel expliquera comment créer des graphiques à tarte, anneaux et bulles à l'aide de chart.js. Auparavant, nous avons appris quatre types de graphiques de graphique. Créer des graphiques à tarte et à anneaux Les graphiques à tarte et les graphiques d'anneaux sont idéaux pour montrer les proportions d'un tout divisé en différentes parties. Par exemple, un graphique à secteurs peut être utilisé pour montrer le pourcentage de lions mâles, de lions féminins et de jeunes lions dans un safari, ou le pourcentage de votes que différents candidats reçoivent lors des élections. Les graphiques à tarte ne conviennent que pour comparer des paramètres ou des ensembles de données uniques. Il convient de noter que le graphique à tarte ne peut pas dessiner des entités avec une valeur nulle car l'angle du ventilateur dans le graphique à tarte dépend de la taille numérique du point de données. Cela signifie toute entité avec une proportion nulle

See all articles