数组处理

喜欢ヅ旅行 2023-01-01 01:40 80阅读 0赞

1.  三元表达式

(条件)?'A':'B'
    条件为true置为A，反之B
    
    可用作动态绑定class更改样式
    :class="(条件)?'类名A':'类名B'"

1.  数组处理

map方法
    
    (数组).map((item, index) =>item)

includes方法    判断数组中是否存在某元素，结果为true/false
    
    (数组).includes(元素)

splice方法   删除指定位置的元素
    
    (数组).splice((数组).indexOf(元素),1)

Set方法    es6 Set去重 ‘推荐’
    
    [...new Set(数组)]
    
    [...new Set('aabbcc')].join('')  结果"abc"  去除字符串里面的重复字符

push拼接    es6语法
    
    arr1.push(...arr2);

Array.of	将一组值，转换为数组。
    
    Array.of(3, 11, 8) // [3,11,8]
    Array.of(3) // [3]
    Array.of(3).length // 1

Array.from() 	用于将两类对象转为真正的数组，将字符串转为数组，然后返回字符串的长度
    
    let arrayLike = { '0': 'a','1': 'b', '2': 'c',length: 3};
    let arr2 = Array.from(arrayLike); // ['a', 'b', 'c']

fill方法	使用给定值，填充一个数组。
    
    new Array(3).fill(7)	// [7, 7, 7]

3.object-fit

object-fit:cover   //保持原有尺寸比例。但部分内容可能被剪切
    object-fit:contain  //保持原有尺寸比例。内容被缩放
    object-fit:none  //保留原有元素内容的长度和宽度，也就是说内容不会被重置
    object-fit:scale-down  //保持原有尺寸比例。内容的尺寸与 none 或 contain 中的一个相同，取决于它们两个之间谁得到的对象尺寸会更小一些

发表评论取消回复

表情：

评论列表（有 0 条评论，80人围观）

还没有评论，来说两句吧...

相关阅读

相关 python数组循环处理

本文主要介绍python数组循环语法。主要方式有元素遍历，索引遍历，enumerate, zip, list内部等。普通循环 <table> <tbody> <

淡淡的烟草味﹌/ 2024年03月31日 12:27/ 0 赞/ 30 阅读

相关数组处理

1. 三元表达式 (条件)?'A':'B' 条件为true置为A，反之B 可用作动态绑定class更改样式 :class="(条件

喜欢ヅ旅行/ 2023年01月01日 01:40/ 0 赞/ 81 阅读

相关 java处理json数组_用Java处理数组

java处理json数组 If a program needs to work with a number of values of the same [data type]

小鱼儿/ 2022年12月06日 15:35/ 0 赞/ 189 阅读

相关 jQuery数组处理汇总

有段时间没写什么了, 打算把jquery中的比较常用的数组处理方法汇总一下 $.each(array, \[callback\])遍历,很常用 <table> <t

╰+哭是因爲堅強的太久メ/ 2022年09月21日 01:09/ 0 赞/ 88 阅读

相关 JS30 04 数组处理

JS30 04 数组处理本例主要是对 JavaScript 中关于数组的方法进行练习。涉及对数组的元素进行过滤，对元素中的属性进行拼接，对数组元素进行排序，统计。最后有

以你之姓@/ 2022年09月04日 03:46/ 0 赞/ 127 阅读

相关 jquery数组处理

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd

约定不等于承诺〃/ 2022年07月16日 14:52/ 0 赞/ 124 阅读

相关 PHP数组处理

一、一个数组里面有两组数据，指定的key的value作为新的索引，另一个key的value作为新索引的value public static function

深碍√TFBOYSˉ_/ 2022年05月27日 03:16/ 0 赞/ 142 阅读

相关使用数组处理数据

我的数组初体验：使用数组保存用户输入的数据，当输入完毕后分别正向和反向输出 include<stdio.h> include<stdlib.h>

雨点打透心脏的1/2处/ 2022年04月22日 11:30/ 0 赞/ 145 阅读

相关数组相关处理函数

一、数组键值相关处理函数 1. array\_values()　　//返回输入的所有值，并建立索引 1 $temp=array("os"=>"linux","web

向右看齐/ 2021年12月09日 20:53/ 0 赞/ 192 阅读

相关处理数组空值

前言：大家是不是经常很头疼数据中存在一些诸如undefined、null等字符的情况呢？本文介绍如果快速过滤掉这些数据用map操作数组一般是很常见的使用方式，但是map

分手后的思念是犯贱/ 2021年09月08日 05:20/ 0 赞/ 443 阅读