企业网站建站元素个人网页设计题目简介

当前位置： 首页 > news >正文

企业网站建站元素,个人网页设计题目简介,房产信息网准确吗,外贸是做什么的 怎么做【亲爱的读者#xff0c;爱博主记得一键三连噢噢ooo~~ 啾咪】 创建数组#xff1a; 以字面量的形式创建新数组#xff1a;let arr1 [1, 2, 3];通过 Array 构造函数并传入一组元素#xff08;4,5,6#xff09;来创建一个新数组#xff1a;let arr2 new Array(4, 5, 6);… 【亲爱的读者爱博主记得一键三连噢噢ooo~~ 啾咪】 创建数组 以字面量的形式创建新数组let arr1 [1, 2, 3];通过 Array 构造函数并传入一组元素4,5,6来创建一个新数组let arr2 new Array(4, 5, 6);
查找值 在数组中可以根据下标/ 索引 来查找值arr[0] 、arr[1] 、arr[2]
常用的数组方法吐血分享 【亲爱的读者爱博主记得一键三连噢噢ooo~~】 第一类增、删、改 splice() - 任意位置添加、删除或替换元素: splice() 方法允许你在数组的任意位置添加、删除或替换元素。这个方法会直接修改原数组并返回一个包含被删除元素的新数组如果没有删除元素则返回一个空数组。 使用结构 array.splice(start[, deleteCount[, item1[, item2[, …]]]])参数 start指定数组中开始修改的位置索引。如果该索引为负数则从数组末尾开始计算位置索引 -1 表示数组的最后一个元素。deleteCount可选表示要移除的数组元素的个数。如果未指定 deleteCount或者其值大于数组中实际可删除的元素数量则将从 start 位置开始删除到数组末尾的所有元素。item1, item2, …可选要添加进数组的新元素。如果没有指定这些参数splice() 将只删除数组元素。 举例说明 删除元素 let arr [1, 2, 3, 4, 5]; let removed arr.splice(2, 2); console.log(arr); // [1, 2, 5] console.log(removed); // [3, 4]添加元素 let arr [1, 2, 3]; arr.splice(1, 0, a, b); console.log(arr); // [1, a, b, 2, 3]替换元素 let arr [1, 2, 3, 4]; arr.splice(2, 1, a); console.log(arr); // [1, 2, a, 4]unshift() - 数组的开头添加一个或多个元素: unshift() 方法用于数组的开头添加一个或多个元素并返回新的数组长度。这个方法会直接修改原数组不会创建一个新的数组。 使用结构 array.unshift(element1[, element2[, …]])参数 element1, element2, …要添加到数组开头的元素。可以添加一个或多个元素。 举例说明 let arr [1, 2, 3];// 在数组开头添加一个元素 arr.unshift(0); console.log(arr); // [0, 1, 2, 3]// 在数组开头添加多个元素 arr.unshift(-2, -1); console.log(arr); // [-2, -1, 0, 1, 2, 3]// 获取数组的新长度 let newLength arr.unshift(4); console.log(newLength); // 7 console.log(arr); // [4, -2, -1, 0, 1, 2, 3]提示这个方法会修改原数组并且可能会导致数组中的元素重新分配内存特别是当数组很大时所以在性能敏感的应用中应该谨慎使用。如果你需要保持原数组不变可以先复制数组使用 slice() 方法等然后在复制后的数组上使用 unshift() 方法。 push() - 数组的末尾添加一个或多个元素: push() 方法用于数组的末尾添加一个或多个元素并返回新的数组长度。这个方法会直接修改原数组不会创建一个新的数组。 使用结构 array.push(element1[, element2[, …]])参数 element1, element2, …要添加到数组末尾的元素。可以添加一个或多个元素。 举例说明 let arr [1, 2, 3];// 在数组末尾添加一个元素 arr.push(4); console.log(arr); // [1, 2, 3, 4]// 在数组末尾添加多个元素 arr.push(5, 6); console.log(arr); // [1, 2, 3, 4, 5, 6]// 获取数组的新长度 let newLength arr.push(7); console.log(newLength); // 7 console.log(arr); // [1, 2, 3, 4, 5, 6, 7]shift() - 删除数组的第一个元素: shift()方法用于删除数组的第一个元素并返回被删除的元素。 这个方法会直接修改原数组将数组的第一个元素移除并将所有后续元素向下移动一位以填补被删除元素的位置。数组的新长度会相应地减少1。 使用结构 array.shift()返回值 返回被删除的第一个元素。如果数组是空的则返回 undefined。 举例说明 let arr [1, 2, 3, 4, 5];// 删除数组的第一个元素 let firstElement arr.shift(); console.log(firstElement); // 1 console.log(arr); // [2, 3, 4, 5]// 再次删除数组的第一个元素 let secondElement arr.shift(); console.log(secondElement); // 2 console.log(arr); // [3, 4, 5]// 尝试删除空数组的第一个元素 let emptyArr []; let nothing emptyArr.shift(); console.log(nothing); // undefined console.log(emptyArr); // []提示shift() 方法对于需要从数组开头移除元素的情况非常有用。但是请注意由于这个方法会修改原数组并且可能会导致数组中的元素重新分配内存特别是当数组很大时所以在性能敏感的应用中应该谨慎使用。如果你需要保持原数组不变可以先复制数组使用 slice() 方法等然后在复制后的数组上使用 shift() 方法。 pop() - 删除数组中的最后一个元素: pop()方法用于删除数组中的最后一个元素并返回被删除的元素。 这个方法会直接修改原数组使其长度减1。 使用结构 array.pop()返回值 返回被删除的最后一个元素的值。如果数组为空则返回 undefined。 举例说明 let fruits [apple, banana, orange, mango];// 删除并返回数组的最后一个元素 let lastFruit fruits.pop(); console.log(fruits); // [apple, banana, orange] console.log(lastFruit); // mango// 删除并返回数组的最后一个元素数组为空的情况 let numbers []; let lastNumber numbers.pop(); console.log(numbers); // [] console.log(lastNumber); // undefined提示 pop() 方法在处理需要“后进先出”LIFO逻辑的场景时非常有用例如在栈的实现中。栈是一种数据结构只允许在一端称为栈顶进行插入和删除操作而 pop() 方法正好符合这种操作模式。 第二类迭代方法 every() - 测试数组的所有元素是否都通过条件 every() 方法用于测试数组的所有元素是否都通过了被提供的测试函数。 如果数组中所有元素都满足测试函数则返回 true如果至少有一个元素不满足则返回 false。 使用结构 arr.every(callback(element[, index[, array]])[, thisArg])参数 callback为数组中每个元素执行的函数接受三个参数当前元素 (element)、当前元素的索引 (index) 和数组对象本身 (array)。thisArg可选执行 callback 时使用的 this 值。 举例说明 const numbers [1, 2, 3, 4, 5];// 检查数组中的所有元素是否都大于0 const allPositive numbers.every(function(number) {return number 0; });console.log(allPositive); // 输出 true// 检查数组中的所有元素是否都大于10 const allGreaterThanTen numbers.every(function(number) {return number 10; });console.log(allGreaterThanTen); // 输出 false*简便写法 arr1.every(item item 10);some() - 测试数组中是否至少有一个元素通过条件 some()方法用于用于测试数组中是否至少有一个元素通过了被提供的测试函数。 只需要找到一个满足条件的元素就会返回 true而不需要检查数组中的所有元素。如果数组中没有元素满足条件则 some() 方法返回 false。 使用结构 arr.some(callback(element[, index[, array]])[, thisArg])参数 callback为数组中每个元素执行的函数接受三个参数当前元素 (element)、当前元素的索引 (index) 和数组对象本身 (array)。thisArg可选执行 callback 时使用的 this 值。 举例说明 const numbers [1, 2, 3, 4, 5];// 检查数组中是否至少有一个偶数 const hasEven numbers.some(function(number) {return number % 2 0; });console.log(hasEven); // 输出 true// 检查数组中是否至少有一个大于10的数 const hasGreaterThanTen numbers.some(function(number) {return number 10; });console.log(hasGreaterThanTen); // 输出 false*简便写法 arr1.some(item item 10);filter() - 过滤出满足条件的元素 filter()方法用于用于创建一个新数组这个新数组包含所有通过特定测试由提供的函数实现的元素。 返回一个新的数组其中包含所有通过测试的元素。如果没有元素通过测试则返回一个空数组。 使用结构 arr.filter(callback(element[, index[, array]])[, thisArg])参数 callback一个函数用来测试每个元素。该函数接受三个参数当前元素 (element)、当前元素的索引 (index) 和调用 filter 的原数组 (array)。thisArg可选执行 callback 时使用的 this 值。 举例说明 const numbers [1, 2, 3, 4, 5, 6];// 过滤出所有的偶数 const evens numbers.filter(function(number) {return number % 2 0; });console.log(evens); // 输出 [2, 4, 6]// 过滤出大于3的元素 const greaterThanThree numbers.filter(function(number) {return number 3; });console.log(greaterThanThree); // 输出 [4, 5, 6]*简便写法 arr1.filter(item item 3);注意事项 filter() 方法不会改变原数组而是返回一个新数组。如果没有元素通过测试函数filter() 方法会返回一个空数组而不是 null 或 undefined。filter() 方法创建的数组是一个浅拷贝这意味着如果原数组中的元素是对象那么新数组中的元素将是对原数组中对象的引用。 forEach() - 每个元素都执行一次提供的函数 forEach()方法用于用于对数组的每个元素执行一次提供的函数。 forEach() 不会返回一个新的数组或值它的返回值是 undefined。forEach() 方法主要用于执行有副作用的操作比如修改数组中的元素、记录某些值或者进行输出等。 使用结构 arr.forEach(callback(currentValue[, index[, array]])[, thisArg])参数 callback为数组中每个元素执行的函数该函数接受三个参数1.currentValue数组中正在处理的当前元素。2.index可选数组中正在处理的当前元素的索引。3.array可选调用 forEach() 方法的数组本身。thisArg可选执行 callback 时使用的 this 值。 举例说明 const numbers [1, 2, 3, 4, 5];// 使用 forEach 输出数组中的每个元素 numbers.forEach(function(number) {console.log(number); });// 修改数组中的元素 numbers.forEach(function(number, index, array) {array[index] number * 2; });console.log(numbers); // 输出 [2, 4, 6, 8, 10]*简便写法 arr1.forEach((item,index,arr) {arr[index] item * 2; });map() - 每个元素都执行一次提供的函数 map()方法用于用于创建一个新数组这个新数组的每个元素都是原数组中的元素经过某个函数处理后的结果。 map() 方法会对原数组中的每一个元素调用一个提供的函数并按照元素出现的顺序将结果收集起来组成一个新的数组返回。 使用结构 arr.map(callback(currentValue[, index[, array]])[, thisArg])参数 callback用来生成新数组中的每一个元素。该函数接受三个参数1.currentValue数组中正在处理的当前元素。2.index可选数组中正在处理的当前元素的索引。3.array可选调用 map() 方法的数组本身。thisArg可选执行 callback 时使用的 this 值。 举例说明 const numbers [1, 2, 3, 4, 5];// 使用 map 创建一个新数组其中包含原数组中每个元素加倍后的值 const doubledNumbers numbers.map(function(number) {return number * 2; });console.log(doubledNumbers); // 输出: [2, 4, 6, 8, 10]// 使用箭头函数简化代码** 是计算平方哦 const squaredNumbers numbers.map(number number ** 2); console.log(squaredNumbers); // 输出: [1, 4, 9, 16, 25]注意事项 map() 方法不会改变原数组而是返回一个新数组。map() 方法创建的数组是一个浅拷贝如果原数组中的元素是对象那么新数组中的元素将是对原数组中对象的引用。如果提供的回调函数不是函数map() 方法会抛出 TypeError。map() 方法中的回调函数可以接受三个参数但通常只需要使用第一个参数当前元素的值。 reduce() - 将数组中的所有元素归纳或“减少”到单个值 reduce()方法用于用于将数组中的所有元素归纳或“减少”到单个值。 返回值函数执行后的最终累积结果。 使用结构 arr.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue]) 参数 callback一个函数用来执行归纳操作。该函数接受四个参数1.accumulator累积器它累积回调的返回值。它是上一次调用回调时返回的累积值或者是提供的初始值initialValue。2.currentValue数组中正在处理的当前元素。3.index可选数组中正在处理的当前元素的索引。4.array可选调用 reduce() 方法的数组本身。initialValue可选作为第一次调用回调函数时的第一个参数的值。如果没有提供初始值则将数组的第一个元素视为初始值并从第二个元素开始归纳。。 举例说明 数组求和: const numbers [1, 2, 3, 4, 5];const sum numbers.reduce((accumulator, currentValue) {return accumulator currentValue; }, 0);console.log(sum); // 输出: 15数组元素乘积 const numbers [1, 2, 3, 4, 5];const product numbers.reduce((accumulator, currentValue) {return accumulator * currentValue; }, 1);console.log(product); // 输出: 120数组元素连接成字符串 const words [Hello, world, !];const sentence words.reduce((accumulator, currentValue) {return accumulator currentValue; }, );console.log(sentence); // 输出: Hello world !注意事项 如果没有提供 initialValue则数组的第一个元素将被作为第一次调用回调函数时的 accumulator 的初始值并且从数组的第二个元素开始归纳。如果提供了 initialValue则从数组的第一个元素开始归纳并且 initialValue 将作为第一次调用回调函数时的 accumulator 的值。reduce() 方法不会改变原数组而是返回一个新的值。如果数组为空并且没有提供 initialValue则会抛出 TypeError。如果数组为空但提供了 initialValue则直接返回 initialValue。 第三类搜索方法 indexOf() - 用于查找数组某个元素首次出现的位置 indexOf() 方法用于查找数组中某个元素的首次出现位置并返回该位置的索引即下标。如果数组中不存在该元素则 indexOf() 方法返回 -1。 使用结构 arr.indexOf(searchElement[, fromIndex])参数 searchElement要在数组中查找的元素。fromIndex可选开始查找的位置索引。默认为 0即从数组的第一个元素开始查找。如果 fromIndex 为负数则从数组末尾开始计算位置但仍然是从前向后查找。如果 fromIndex 大于或等于数组的长度返回 -1因为这意味着在空数组中进行查找。 举例说明 const fruits [apple, orange, banana, apple];console.log(fruits.indexOf(apple)); // 输出: 0因为 apple 是数组中的第一个元素 console.log(fruits.indexOf(banana)); // 输出: 2因为 banana 是数组中的第三个元素 console.log(fruits.indexOf(mango)); // 输出: -1因为 mango 不在数组中 console.log(fruits.indexOf(apple, 1)); // 输出: 3从索引 1 开始查找 apple找到的是第二个 apple console.log(fruits.indexOf(apple, -2)); // 输出: 3从数组末尾往前数第二个位置开始查找仍然找到的是第二个 apple console.log(fruits.indexOf(apple, 4)); // 输出: -1因为从索引 4 开始查找已经超出了数组的长度注意事项 indexOf() 方法是严格的 检查即它会比较数组元素和 searchElement 的类型和值。indexOf() 方法不会改变原数组。在使用 indexOf() 方法查找元素时如果数组中包含 NaN即使 searchElement 也是 NaNindexOf() 方法也不会找到它因为 NaN 不等于 NaN这是浮点数运算中的一个特殊性质。对于包含 0 和 -0 的数组indexOf() 方法会认为它们是相同的因为 0 -0。 includes() - 是否包含一个指定的值或子字符串 includes()方法用于数组Array和字符串String对象都具备的一个方法用于判断一个数组或字符串是否包含一个指定的值或子字符串根据情况返回 true 或 false。 使用结构 - 对于数组 arr.includes(valueToFind[, fromIndex])参数 valueToFind需要查找的元素值。fromIndex可选开始查找的位置索引。如果省略则默认从数组的第一个元素开始查找。如果为负值则从数组的长度减去这个负值的位置开始仍然是从前向后查找。 举例说明 const fruits [apple, banana, mango];console.log(fruits.includes(banana)); // 输出: true console.log(fruits.includes(grape)); // 输出: false console.log(fruits.includes(mango, 2)); // 输出: true从索引2开始查找仍然找到了mango console.log(fruits.includes(mango, 3)); // 输出: false从索引3开始查找已经超出了mango的位置使用结构 - 对于字符串 str.includes(searchString[, position])参数 searchString需要查找的子字符串。position可选开始查找的位置索引。如果省略则默认从字符串的第一个字符开始查找。 举例说明 const text Hello, world!;console.log(text.includes(world)); // 输出: true console.log(text.includes(hello)); // 输出: false因为H是大写 console.log(text.includes(Hello, 6)); // 输出: false从索引6开始查找已经错过了Hello注意事项 includes() 方法是区分大小写的对于字符串来说它会比较每个字符的Unicode编码。对于数组includes() 方法能够检测 NaN 和 -0这是与 indexOf() 方法的一个区别因为 NaN ! NaN但 includes() 会认为 NaN 是相等的同时 0 和 -0 也被认为是相等的。includes() 方法不会改变原数组或原字符串。 includes() 方法是ES6ECMAScript 2015中引入的哦 lastIndexOf() - 用于查找数组某个元素最后一次出现的位置 lastIndexOf()方法用于** 查找指定元素或子字符串在数组或字符串中最后一次出现的位置索引。如果未找到则返回 -1。** 使用结构 -对于数组 arr.lastIndexOf(searchElement[, fromIndex])参数 searchElement要在数组中查找的元素。fromIndex可选开始向后搜索的位置索引。如果省略则默认从数组的最后一个元素开始查找。如果为负值则从数组末尾加上这个负值的位置开始向前查找。如果 fromIndex 大于或等于数组的长度整个数组都会被搜索。 举例说明 const fruits [apple, banana, mango, banana, apple];console.log(fruits.lastIndexOf(banana)); // 输出: 3因为最后一个 banana 在索引 3 console.log(fruits.lastIndexOf(orange)); // 输出: -1因为 orange 不在数组中 console.log(fruits.lastIndexOf(apple, 3)); // 输出: 3因为从索引 3 开始向后查找最后一个 apple 在索引 3 console.log(fruits.lastIndexOf(apple, 2)); // 输出: 0因为从索引 2 开始向后查找只找到了索引 0 的 apple使用结构 -对于字符串 str.lastIndexOf(searchValue[, fromIndex])参数 searchValue要在字符串中查找的子字符串。fromIndex可选开始向后搜索的位置索引。如果省略则默认从字符串的最后一个字符开始查找。 举例说明 const text Hello, world! Hello, everyone.;console.log(text.lastIndexOf(Hello)); // 输出: 23因为最后一个 Hello 的起始索引是 23 console.log(text.lastIndexOf(hello)); // 输出: -1因为 H 是大写不匹配 console.log(text.lastIndexOf(world, 10)); // 输出: 7因为从索引 10 开始向后查找只找到了索引 7 的 world注意事项 lastIndexOf() 方法是区分大小写的对于字符串来说它会比较每个字符的Unicode编码。lastIndexOf() 方法不会改变原数组或原字符串。fromIndex 的值可以是负数表示从数组或字符串的末尾向前计算的位置开始搜索。 findLast() - 遍历数组并返回最后一个满足条件元素 findLast()方法用于遍历数组并返回最后一个满足提供的测试函数的元素。如果没有找到满足条件的元素则返回 undefined。 举例说明 const array [1, 2, 3, 4, 5, 4, 3, 2, 1]; const lastFour array.findLast(element element 4); console.log(lastFour); // 输出: 4这个方法是es2023引入的哦 findIndex() - 返回满足条件的第一个元素索引 indexOf() 方法用于返回数组中满足提供的测试函数的第一个元素的索引。。如果数组中不存在该元素则 indexOf() 方法返回 -1。 使用结构 arr.findIndex(callback(element[, index[, array]])[, thisArg])参数 callback为数组中每个元素执行的函数接受三个参数1.element当前遍历到的元素。2.index可选当前元素的索引。3.array可选调用 findIndex 的数组。thisArg可选执行 callback 时使用的 this 值。 举例说明 const array [4, 9, 16, 25];const evenIndex array.findIndex((element) element % 2 0); console.log(evenIndex); // 输出: 0因为4是第一个偶数const oddIndex array.findIndex((element) element % 2 ! 0); console.log(oddIndex); // 输出: 1因为9是第一个奇数const nonExistentIndex array.findIndex((element) element 100); console.log(nonExistentIndex); // 输出: -1因为数组中没有100注意事项 findIndex 方法不会改变原数组。如果数组中有多个元素满足条件findIndex 只会返回第一个满足条件的元素的索引。如果没有元素满足条件findIndex 会返回 -1。 兼容性 findIndex 方法在 ECMAScript 6ES6中被引入因此它在现代浏览器和 Node.js 环境中广泛受支持。如果你需要在不支持 ES6 的旧环境中使用可以考虑使用转译器如 Babel将代码转换为旧版本的 JavaScript。 findLastIndex() - 返回满足条件的最后一个元素索引 findLastIndex() 方法用于返回数组中满足提供的测试函数的最后一个元素的索引。如果数组中不存在该元素则 indexOf() 方法返回 -1。 使用结构 arr.findLastIndex(callback(element[, index[, array]])[, thisArg])参数 callback为数组中每个元素执行的函数接受三个参数1.element数组中当处理的元素。2.index可选当前元素的索引。3.array可选调用 findLastIndex 的数组。thisArg可选执行 callback 时使用的 this 值。 举例说明 const array [1, 2, 3, 4, 5, 4, 3, 2, 1];// 查找最后一个等于 4 的元素的索引 const lastIndex array.findLastIndex((element) element 4); console.log(lastIndex); // 输出: 5// 查找最后一个大于 5 的元素的索引不存在所以返回 -1 const nonExistentIndex array.findLastIndex((element) element 5); console.log(nonExistentIndex); // 输出: -1注意事项 indLastIndex 方法不会改变原数组。如果没有元素满足条件findLastIndex 会返回 -1。在使用这个方法之前请确保你的 JavaScript 环境支持它例如现代的浏览器或 Node.js 版本。 兼容性 虽然 findLastIndex 是在 ECMAScript 2022 中正式引入的但许多现代浏览器和 JavaScript 引擎在此之前就已经支持了这个方法。然而为了确保兼容性特别是在较旧的环境或需要广泛支持的应用程序中你可能需要检查这个方法的可用性或使用转译器如 Babel来转换你的代码。