{"id":3558,"date":"2018-02-10T18:52:20","date_gmt":"2018-02-10T18:52:20","guid":{"rendered":"http:\/\/pensemosweb.com.mx\/index.php\/2018\/02\/10\/como-usar-patrones-glob-shell-linux-javascript\/"},"modified":"2024-04-06T01:34:22","modified_gmt":"2024-04-06T07:34:22","slug":"como-usar-patrones-glob-shell-linux-javascript","status":"publish","type":"post","link":"https:\/\/pensemosweb.com\/en\/como-usar-patrones-glob-shell-linux-javascript\/","title":{"rendered":"\u00bfC\u00f3mo se usan los patrones glob de la shell de linux en Javascript?"},"content":{"rendered":"

\u00bfQu\u00e9 son los patrones glob?<\/h2>\n\n\n\n

En Javascript se utiliza mucho los Patrones Glob, estos permiten seleccionar un n\u00famero de archivos con una sintaxis parecida a las expresiones regulares pero con menos caracteres comod\u00edn y menor complejidad. Un car\u00e1cter comod\u00edn es \u00e9l *<\/code> o el signo de ?<\/code>.<\/p>\n\n\n\n

Una gran diferencia entre expresiones regulares es que los patrones glob <\/strong>se ocupan para buscar y filtrar archivos, y las expresiones regulares <\/strong>funcionan con cadenas de texto.<\/p>\n\n\n\n

    \n
  1. Expresiones regulares trabaja con Texto<\/strong><\/li>\n\n\n\n
  2. Glob trabaja con archivos\/directorios<\/li>\n<\/ol>\n\n\n\n

    \u00bfOrigen?<\/h2>\n\n\n\n

    Tienen su origen en las primeras versiones de Unix, durante la versi\u00f3n 6 para ser exacto, 1969-1975, era el programa \/etc\/glob<\/code>, se usaba para seleccionar un conjunto de archivos en la shell, se llamaba glob<\/code> por ser la abreviaci\u00f3n de global<\/strong>.<\/p>\n\n\n\n

    \u00bfC\u00f3mo se usan?<\/h2>\n\n\n\n

    Tambi\u00e9n la funcionalidad es un poco diferente, por ejemplo el *<\/code> en una expresi\u00f3n regular<\/strong> coincide con la ausencia o cualquier n\u00famero de repeticiones del car\u00e1cter <\/strong>que le precede.<\/p>\n\n\n\n

    Por ejemplo a*<\/code><\/strong>, indica cero o m\u00e1s repeticiones de la letra to<\/code>.<\/p>\n\n\n\n

    Otro ejemplo con car\u00e1cter especial es .*<\/code><\/strong> el cual indica cero o m\u00e1s repeticiones de cualquier car\u00e1cter, excepto car\u00e1cter de nueva de l\u00ednea.<\/p>\n\n\n\n

    Por otro lado el car\u00e1cter *<\/code><\/strong> en un patr\u00f3n glob<\/strong> representa la ausencia o cualquier n\u00famero de repeticiones de cualquier car\u00e1cter.<\/p>\n\n\n\n

    El ejemplo m\u00e1s utilizado es cuando queremos listar archivos con una determinada extensi\u00f3n, por ejemplo:<\/p>\n\n\n\n

    <\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
    \/<\/span>$ ls <\/span>*.<\/span>js<\/span><\/span>\n<\/span><\/code><\/pre><\/div>\n\n\n\n
    Muy similar con lo que hacemos en el MS-DOS de windows:<\/p>\n\n\n\n
    <\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
    C<\/span>:<\/span>\\<\/span>><\/span> dir <\/span>*.<\/span>js<\/span><\/span>\n<\/span><\/code><\/pre><\/div>\n\n\n\n
    No es necesario un car\u00e1cter antes del *<\/strong>, como sucede con las expresiones regulares.<\/p>\n\n\n\n
    Aqu\u00ed abajo un ejemplo donde tenemos un archivo de configuraci\u00f3n de jasmine<\/a>, Jasmine es un framework para realizar pruebas a tu c\u00f3digo Javascript, este archivo de configuraci\u00f3n permite seleccionar que archivos se usar\u00e1n para ejecutar las pruebas:<\/p>\n\n\n\n
    <\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
    {<\/span><\/span>\n  <\/span>"<\/span>spec_dir<\/span>"<\/span>: <\/span>"<\/span>spec<\/span>"<\/span>,<\/span><\/span>\n  <\/span>"<\/span>spec_files<\/span>"<\/span>: [<\/span><\/span>\n    <\/span>"<\/span>**\/*[sS]pec.js<\/span>"<\/span><\/span>\n  ]<\/span>,<\/span><\/span>\n  <\/span>"<\/span>helpers<\/span>"<\/span>: [<\/span><\/span>\n    <\/span>"<\/span>helpers\/**\/*.js<\/span>"<\/span><\/span>\n  ]<\/span>,<\/span><\/span>\n  <\/span>"<\/span>stopSpecOnExpectationFailure<\/span>"<\/span>: <\/span>false<\/span>,<\/span><\/span>\n  <\/span>"<\/span>random<\/span>"<\/span>: <\/span>false<\/span><\/span>\n}<\/span><\/span>\n<\/span><\/code><\/pre><\/div>\n\n\n\n
    Algo que destacar es el uso de doble asterisco **<\/code>, esto indica cero o m\u00e1s coincidencias de cualquier subdirectorio y archivo, es decir, cero o m\u00e1s niveles de subdirectorios.<\/p>\n\n\n\n
    Tambi\u00e9n podemos notar el uso de [sS]<\/code>, esta notaci\u00f3n de glob indica que acepta sola una vez ya sea la s<\/code>min\u00fascula o la S<\/code>may\u00fascula.<\/p>\n\n\n\n
    En el arreglo spec_files<\/code>, su primer elemento es un patr\u00f3n glob, el cual busca en cualquier subdirectorio relativo al directorio definido en spec_dir<\/code>y que tenga cualquier conjunto de letras al principio pero que terminen con spec.js<\/code>either Spec.js<\/code>. Esta definici\u00f3n podr\u00eda obtener las siguientes rutas de archivos:<\/p>\n\n\n\n
      \n
    • \/spec\/nombre-archivo.s<\/strong>pec.js<\/li>\n\n\n\n
    • \/spec\/nombre-archivo.S<\/strong>pec.js<\/li>\n\n\n\n
    • \/spec\/helpers\/nombre-archivo.s<\/strong>pec.js<\/li>\n\n\n\n
    • \/spec\/helpers\/nombre-archivo.S<\/strong>pec.js<\/li>\n\n\n\n
    • \/spec\/esto\/es\/otra\/ruta\/nombre-archivo.s<\/strong>pec.js<\/li>\n\n\n\n
    • \/spec\/esto\/es\/otra\/ruta\/nombre-archivo.S<\/strong>pec.js<\/li>\n<\/ul>\n\n\n\n
      \u00bfD\u00f3nde se utilizan?<\/h2>\n\n\n\n
      En Javascript se utiliza:<\/p>\n\n\n\n
        \n
      1. Para automatizar tareas que necesitan de la lectura y escritura de archivos<\/li>\n\n\n\n
      2. Se utiliza mucho en node.js con herramientas como gulp y webpack<\/li>\n\n\n\n
      3. Automatizado de pruebas<\/li>\n\n\n\n
      4. Minificado y concatenado para el c\u00f3digo en producci\u00f3n.<\/li>\n<\/ol>","protected":false},"excerpt":{"rendered":"
                En Javascript se utiliza mucho los Patrones Glob, estos permiten seleccionar un n\u00famero de archivos con una sintaxis parecida a las expresiones regulares pero con menos caracteres comod\u00edn y menor complejidad. Un car\u00e1cter comod\u00edn es el `*` o el signo de `?`.<\/p>","protected":false},"author":2,"featured_media":3749,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[28],"tags":[54,68],"class_list":["post-3558","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","tag-javascript","tag-intermedio"],"_links":{"self":[{"href":"https:\/\/pensemosweb.com\/en\/wp-json\/wp\/v2\/posts\/3558","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pensemosweb.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pensemosweb.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pensemosweb.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/pensemosweb.com\/en\/wp-json\/wp\/v2\/comments?post=3558"}],"version-history":[{"count":2,"href":"https:\/\/pensemosweb.com\/en\/wp-json\/wp\/v2\/posts\/3558\/revisions"}],"predecessor-version":[{"id":3837,"href":"https:\/\/pensemosweb.com\/en\/wp-json\/wp\/v2\/posts\/3558\/revisions\/3837"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pensemosweb.com\/en\/wp-json\/wp\/v2\/media\/3749"}],"wp:attachment":[{"href":"https:\/\/pensemosweb.com\/en\/wp-json\/wp\/v2\/media?parent=3558"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pensemosweb.com\/en\/wp-json\/wp\/v2\/categories?post=3558"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pensemosweb.com\/en\/wp-json\/wp\/v2\/tags?post=3558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}