北京网站开发工程师,wordpress轮播图特效,竭诚网络网站建设,电商平台如何推广运营map
map()方法是数组原型的一个函数#xff0c;用于对数组的每个元素执行一个函数#xff0c;并返回一个新的数组#xff0c;其中包含么哦一个元素执行的结果。
语法
const newArray array.map(callback(currentValue, index, arr), thisValue)参数
callback#xff1…map
map()方法是数组原型的一个函数用于对数组的每个元素执行一个函数并返回一个新的数组其中包含么哦一个元素执行的结果。
语法
const newArray array.map(callback(currentValue, index, arr), thisValue)参数
callback表示对数组中的每个元素要执行的函数该函数包含三个参数
currentValue当前正在处理的元素。index可选当前正在处理的元素的索引。arr可选调用 map 方法的数组。
thisValue可选参数表示实行callback函数时的this指向
示例
let num: number[] [1, 2, 3, 4, 5];// #region 基本用法
let doubled num.map((item) {return item * 2;
})
console.log(doubled); // [2, 4, 6, 8, 10]
// #endregion// #region 将对象数组转换为属性值数组
let objects [{ name: apple, color: red }, { name: banana, color: yellow }, { name: orange, color: orange }];
let colors objects.map((item) {if(item.color !yellow) return item.color
})
console.log(colors); // [ red, undefined, orange ]
// #endregion// #region map this指向
let num2: number[] [1, 2, 3, 4, 5];
let obj { multiplier: 2 };
let doubled2 num2.map(function (item) {return item * this.multiplier;
}, obj);
console.log(doubled2); // [2, 4, 6, 8, 10]
// #endregionincludes
includes 是 JavaScript 数组和字符串原型上的一个方法用于检查某个值是否存在于数组或字符串中。它返回一个布尔值如果找到了该值则返回 true否则返回 false。
语法
searchElement必需。要在数组中查找的元素。fromIndex可选。开始搜索的位置。如果该索引值大于或等于数组长度则该方法返回 false因为搜索区间为空。如果省略则从索引 0 开始搜索。如果是负数则它代表从数组末尾开始计算的位置。即使该位置是负数检查时仍是从前往后检查。
arr.includes(searchElement[, fromIndex 0])示例
/*** includes 方法用来判断一个数组是否包含一个指定的值如果包含则返回 true 否则返回 false。* 语法* array.includessearchElementfromIndex*/let arr: number[] [1, 2, 3];
console.log( 查询数组 arr 中是否存在 1 ${arr.includes(1)} ); // 查询数组 arr 中是否存在 1 true
console.log( 查询数组 arr 中是否存在 4 ${arr.includes(4)} ); // 查询数组 arr 中是否存在 4 falseconsole.log( 从 arr 的索引 2 开始查找是否存在 1 ${arr.includes(1, 2)} ); // 从 arr 的索引 2 开始查找是否存在 1 false
console.log( 从 arr 的索引 0 开始查找是否存在 2 ${arr.includes(2, 0)} ); // 从 arr 的索引 0 开始查找是否存在 2 true
console.log( 从 arr 的索引 -1 开始查找是否存在 1 ${arr.includes(1, -1)} ); // 从 arr 的索引 -1 开始查找是否存在 1 false/*** 当 fromIndex 为负数时则它代表从数组末尾开始计算的位置fromIndex 的值是负数时* 如果数组长度小于 fromIndex 的绝对值则 fromIndex 的值等于 0。*/// arr.length 3
// arr.includes(1,-1) 等价于 arr.includes(1,2)
console.log( arr.includes(1,-1) ) // false
// arr.includes(2,-2) 等价于 arr.includes(2,1)
console.log( arr.includes(2,-2) ) // true
// arr.includes(2,-4) 等价于 arr.includes(2,0)
console.log( arr.includes(2,-4) ) // true
