Código de JavaScript - Alineas texto a la derecha

Imágen de perfil
Val: 2.288
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Alineas texto a la derechagráfica de visualizaciones


JavaScript

Publicado el 12 de Enero del 2020 por Katas (200 códigos)
1.261 visualizaciones desde el 12 de Enero del 2020
Su tarea en este Kata es emular el texto justificado directamente en la fuente monoespacio. Se le dará un texto de una línea y el ancho de justificación esperado. La palabra más larga nunca será mayor que este ancho.

Estas son las reglas:
- Use espacios para llenar los espacios en el lado izquierdo de las palabras.
- Cada línea debe contener tantas palabras como sea posible.
- Use '\ n' para separar las líneas.
- La brecha entre palabras no puede diferir en más de un espacio.
- Las líneas deben terminar con una palabra, no un espacio.
- '\n' no está incluido en la longitud de una línea.
- La última línea no debe contener '\n'

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
const texto="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sagittis dolor mauris, at elementum ligula tempor eget. In quis rhoncus nunc, at aliquet orci. Fusce at dolor sit amet felis suscipit tristique. Nam a imperdiet tellus. Nulla eu vestibulum urna. Vivamus tincidunt suscipit enim, nec ultrices nisi volutpat ac. Maecenas sit amet lacinia arcu, non dictum justo. Donec sed quam vel risus faucibus euismod. Suspendisse rhoncus rhoncus felis at fermentum. Donec lorem magna, ultricies a nunc sit amet, blandit fringilla nunc. In vestibulum velit ac felis rhoncus pellentesque. Mauris at tellus enim. Aliquam eleifend tempus dapibus. Pellentesque commodo, nisi sit amet hendrerit fringilla, ante odio porta lacus, ut elementum justo nulla et dolor.";
 
result=alignRight(texto, 30);
/* devolvera:
   Lorem ipsum dolor sit amet,
  consectetur adipiscing elit.
     Vestibulum sagittis dolor
   mauris, at elementum ligula
  tempor eget. In quis rhoncus
  nunc, at aliquet orci. Fusce
       at dolor sit amet felis
     suscipit tristique. Nam a
    imperdiet tellus. Nulla eu
      vestibulum urna. Vivamus
  tincidunt suscipit enim, nec
    ultrices nisi volutpat ac.
     Maecenas sit amet lacinia
 arcu, non dictum justo. Donec
   sed quam vel risus faucibus
  euismod. Suspendisse rhoncus
   rhoncus felis at fermentum.
Donec lorem magna, ultricies a
        nunc sit amet, blandit
 fringilla nunc. In vestibulum
        velit ac felis rhoncus
pellentesque. Mauris at tellus
 enim. Aliquam eleifend tempus
dapibus. Pellentesque commodo,
       nisi sit amet hendrerit
    fringilla, ante odio porta
     lacus, ut elementum justo
               nulla et dolor.
*/

1

Publicado el 12 de Enero del 2020gráfica de visualizaciones de la versión: 1
1.262 visualizaciones desde el 12 de Enero del 2020
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
const alignRight = (text,width) => {
    const t=text.split(" ");
 
    let lines=[];
    const lastLine=(t.reduce(
        (acum, word) => {
            if (acum) {
                if (acum.length + word.length + 1 <= width) {
                    return acum + " " + word;
                }
                lines.push(" ".repeat(width-acum.length)+acum);
            }
            return word;
        }
    ));
    lines.push(" ".repeat(width-lastLine.length)+lastLine);
    return lines.join("\n");
}



Comentarios sobre la versión: 1 (0)


No hay comentarios
 

Comentar la versión: 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios...
CerrarCerrar
CerrarCerrar
Cerrar

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

Puedes registrarte o validarte desde aquí.

Codigo
Negrita
Subrayado
Tachado
Cursiva
Insertar enlace
Imagen externa
Emoticon
Tabular
Centrar
Titulo
Linea
Disminuir
Aumentar
Vista preliminar
sonreir
dientes
lengua
guiño
enfadado
confundido
llorar
avergonzado
sorprendido
triste
sol
estrella
jarra
camara
taza de cafe
email
beso
bombilla
amor
mal
bien
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s5809