js数组操作方法

最新推荐文章于 2023-11-21 12:47:52 发布
最新推荐文章于 2023-11-21 12:47:52 发布
阅读量243 收藏
点赞数
文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47240739/article/details/123377197
版权

1. 栈方法（后进先出）

push() 方法：向数组末尾追加一个或更多元素，返回的是数组新的长度

传递参数数量不定，可以传递 0 到多个，参数之间使用 , 隔开

  • 改变了原有数组，不会返回新数组

var fruits = ['Banana', 'Orange', 'Apple', 'Mango'];
var length = fruits.push('Kiwi');
console.log(length);   // 5
console.log(fruits);   // ['Banana', 'Orange', 'Apple', 'Mango', 'Kiwi']

pop() 方法：向数组中删除最后一个元素并且返回该元素

不需要传递参数

  • 改变了原有数组，不会返回新数组

  • 如果数组为空就返回 undefined

var fruits = ['Banana', 'Orange', 'Apple', 'Mango'];
var item = fruits.pop();
console.log(item);    // 'Mango'
console.log(fruits);  //  ['Banana', 'Orange', 'Apple']
var fruits = [];
var item = fruits.pop();
console.log(item);    // undefined
console.log(fruits);  //  []

2. 队列方法

shift() 方法：把数组的第一个元素删除，并作为返回值返回

不需要传递参数

  • 改变了原有数组，不会返回新数组

  • 如果数组为空就返回 undefined

var fruits = ['Banana', 'Orange', 'Apple', 'Mango'];
var item = fruits.shift();
console.log(item);    // 'Banana'
console.log(fruits);  // ['Orange', 'Apple', 'Mango']
var fruits = [];
var item = fruits.shift();
console.log(item);    // undefined
console.log(fruits);  // []

unshift()方法：向数组的开头添加一个或更多元素，返回的是数组新的长度

传递参数数量不定，可以传递 0 到多个，参数之间使用 , 隔开

  • 改变了原有数组，不会返回新数组

var fruits = ['Banana', 'Orange', 'Apple', 'Mango'];
var length = fruits.unshift('Lemon', 'Pineapple');
console.log(length);  // 6
console.log(fruits);  // ['Lemon', 'Pineapple', 'Banana', 'Orange', 'Apple', 'Mango']

3. 转换方法

join() 方法：用于把数组中的所有元素转换一个字符串并进行连接

  • 参数可选，为自定义分隔符，默认为 ,

  • 在转换时，内部的空值和未定义值会去除，但是 分隔符会被保留

  • 对于非字符串数据会被强制转为字符串

  • 返回一个新的字符串，不会改变原数组

var fruits = ['Banana', 'Orange', 'Apple', 'Mango'];
var energy = fruits.join();
console.log(fruits); // ['Banana', 'Orange', 'Apple', 'Mango']
console.log(energy); // 'Banana,Orange,Apple,Mango'
var fruits = ['Banana', 'Orange', 'Apple', 'Mango'];
var energy = fruits.join('|');
console.log(fruits); // ['Banana', 'Orange', 'Apple', 'Mango']
console.log(energy); // 'Banana|Orange|Apple|Mango'

特殊元素转化

var fruits = ['Banana', '', 123, NaN, undefined, null, () => { }, { name: 'szx', age: 28 }, []];
var energy = fruits.join();
console.log(energy);   // 'Banana,,123,NaN,,,() => { },[object Object],'

4. 重排序方法

sort() 方法：用于对数组的元素进行排序

sort(sortFn)：可传递一个参数

  • 默认排序顺序为按字母升序。为了实现排序，sort() 方法会对每个数组项调用 toString() 转型方法，然后比较得到字符串，以确定如何排序。（实质按照首字母 ASCII 码顺序进行排列，首字母相同比较第二个，依次类推）

  • 参数可选，非必需。

  • 若传递参数，参数必须是一个函数，且函数须有两个参数。sort() 方法会自动把数组中元素两两传入函数中，根据函数返回值进行排序。如果想让第一个参数应该位于第二个之前则返回一个负数；如果想让第一个参数位于第二个之后则返回一个正数；如果两个参数想保持原有顺序，返回 0。（可以自定义排序方法，本质上最终目的还是两个具体的值之间进行比大小）

  • 改变了原有数组，不会返回新数组

var fruits = ['Banana', 'Orange', 'Apple', 'Mango'];
fruits = fruits.sort();
console.log(fruits) // ['Apple', 'Banana', 'Mango', 'Orange']

var fruits = [
    { name: 'Banana', price: 13 },
    { name: 'Orange', price: 8 },
    { name: 'Apple', price: 20 },
    { name: 'Mango', price: 4 }
]
fruits = fruits.sort((val1, val2) => {
    if (val1.price < val2.price) {
        return -1;
    } else if (val1.price > val2.price) {
        return 1;
    } else {
        return 0;
    }
});
console.log(fruits)
// [{ name: 'Mango', price: 4 }, { name: 'Orange', price: 8 }, { name: 'Banana', price: 13 }, { name: 'Apple', price: 20 }]

reverse()方法：用于颠倒数组中元素的顺序

无参数

  • 只是将数组中的现有排列顺序进行反向，和元素的值无关

  • 改变了原有数组，不会返回新数组

var fruits = ['Banana', 'Orange', 'Apple', 'Mango'];
fruits.reverse();
console.log(fruits); // ['Mango', 'Apple', 'Orange', 'Banana']

5. 操作方法

concat() 方法：连接两个或多个数组

可传递多个参数

  • 参数数据类型不作限制。若类型不是数组，则连接后作为一个数组的元素。

  • 不会改变现有的数组，而返回连接后的新数组。

var hege = ['Cecilie', 'Lone'];
var stale = ['Emil', 'Tobias', 'Linus'];
var kai = 'Robin';
var children = hege.concat(stale, kai);
console.log(hege);     // ['Cecilie', 'Lone']
console.log(children); // ['Cecilie', 'Lone', 'Emil', 'Tobias', 'Linus', 'Robin']

splice() 方法：插入、删除或替换数组的元素

功能强大，增删改都可以

可传递3个参数，splice(start, length, newItem)

  • 参数1：必需。规定从何处添加/删除元素。该参数是开始插入和（或）删除的数组元素的下标，必须是数字。添加从指定的开始位置进行添加，删除时会删除开始位置的元素

  • 参数2：可选。规定应该删除多少元素。必须是非负整数，可以是 0。如果未规定此参数，则删除从 index 开始到原数组结尾的所有元素

  • 参数3：可选。要添加到数组的新元素，新元素使用分隔符 , 隔开，数量不限

  • 改变了原有数组，不会返回新数组

插入元素

var fruits = ['Banana', 'Orange', 'Apple', 'Mango'];
fruits.splice(2, 0, 'Lemon', 'Kiwi');
console.log(fruits);   // ['Banana', 'Orange', 'Lemon', 'Kiwi', 'Apple', 'Mango']
// 从下标为 2 的元素开始，删除 0 个元素，插入指定新元素

删除元素

var fruits = ['Banana', 'Orange', 'Apple', 'Mango'];
fruits.splice(2, 1);
console.log(fruits);   // ['Banana', 'Orange', 'Mango']
// 从下标为 2 的元素开始，删除 1 个元素

var fruits = ['Banana', 'Orange', 'Apple', 'Mango'];
fruits.splice(2);
console.log(fruits);   // ['Banana', 'Orange']
// 从下标为 2 的元素开始，后续全部删除

替换元素

var fruits = ['Banana', 'Orange', 'Apple', 'Mango'];
fruits.splice(2, 1, 'Lemon', 'Kiwi');
console.log(fruits);   // ['Banana', 'Orange', 'Lemon', 'Kiwi', 'Mango']
// 从下标为 2 的元素开始，先删除 1 个元素，再插入指定新元素

slice() 方法：从已有的数组中截取选定的元素，组成新的数组返回

传递两个参数，slice(start, end)

  • 参数 1：必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。

  • 参数 2：可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么截取的数组包含从 start 位置 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素

  • 截取的范围是 [start, end)

  • 截取方向为正向截取。指定位置的实际索引值较小的必须放在前面，否则截取的为 空数组

  • 不会改变原数组，会返回新的数组

var fruits = ['Banana', 'Orange', 'Lemon', 'Apple', 'Mango'];
var arr1 = fruits.slice(1, 3);      // ['Orange', 'Lemon']
var arr2 = fruits.slice(2);         // ['Lemon', 'Apple', 'Mango']
var arr3 = fruits.slice(-5, -2);    // ['Banana', 'Orange', 'Lemon']
console.log(fruits);     // ['Banana', 'Orange', 'Lemon', 'Apple', 'Mango']

6. 遍历方法

forEach()方法：调用数组的每个元素，并将元素传递给回调函数。

传递两个参数 forEach(function(currentValue, index, arr), thisValue)

  • 参数1：必需，回调函数。

  • 此函数的要求：

  • 参数 1：必需，进行逻辑处理的当前元素，数组中的每个元素都会被依次传入

  • 参数 2：可选，当前元素的索引值

  • 参数 3：可选，当期元素属于的数组对象

  • 注意不要写成 箭头函数，否则无法指定当前函数的 this 指向；this 默认指向 window

  • 参数 2：可选。对象作为回调函数的 this 的值。如果省略了 thisValue，this 默认指向 window

  • 对数组中的每个元素都执行一次指定的函数（callback），函数不需要设置返回值，只是依次让筛选出每个元素执行同一个操作

  • 对于空数组是不会执行回调函数的

var nums = [1, 2, 3, 4, 5, 6];
var sum = 0;
nums.forEach(function (item) {
    sum += item;
},30);
console.log(sum) // 21

every() 方法：检测数组所有元素是否都符合指定条件（通过函数提供）

传递两个参数：every(function(currentValue, index, arr){ }, thisValue)

  • 参数 1：必需，且必须是函数。函数还必须有返回值，返回当前元素在函数中根据自定义条件判断的结果（返回值必须是布尔值或者运算结果为布尔值或可以转换为布尔值的表达式）

此函数的要求：

  • 参数 1：必需，进行条件判断的当前元素，数组中的每个元素都会被依次传入

  • 参数 2：可选，当前元素的索引值

  • 参数 3：可选，当期元素属于的数组对象

  • 注意不要写成 箭头函数，否则无法指定当前函数的 this 指向；this 默认指向 window

  • 参数 2：可选。对象作为回调函数的 this 的值。如果省略了 thisValue，this 默认指向 window

  • 对数组中的每个元素都执行一次指定的函数（callback），如果发现一个元素根据条件判断结果为 false，则 every 将返回 false，并且停止对后续元素的判断。如果回调函数对每个元素条件判断后都返回 true，every() 将返回 true。空数组不会执行此方法，并且它只对数组中的非空位置元素执行指定的函数，没有赋值或者已经删除的元素将被忽略

  • 不会改变现有的数组

// 判断所有元素是否都小于 30
var ages = [32, 33, 16, 40];
var bool = ages.every(function (item) {
    return item < 30;
})
console.log(bool); // false

some() 方法：检测数组中的元素是否满足指定条件（通过函数提供）

传递两个参数：some(function(currentValue, index, arr){ }, thisValue)

  • 参数 1：必需，且必须是函数。函数还必须有返回值，返回当前元素在函数中根据自定义条件判断的结果（返回值必须是布尔值或者运算结果为布尔值或可以转换为布尔值的表达式）

此函数的要求：

  • 参数 1：必需，进行条件判断的当前元素，数组中的每个元素都会被依次传入

  • 参数 2：可选，当前元素的索引值

  • 参数 3：可选，当期元素属于的数组对象

  • 注意不要写成 箭头函数，否则无法指定当前函数的 this 指向；this 默认指向 window

  • 参数 2：可选。对象作为回调函数的 this 的值。如果省略了 thisValue，this 默认指向 window

  • 对数组中的每个元素都执行一次指定的函数（callback），如果发现一个元素根据条件判断结果为 true，则 some 将返回 true，并且停止对后续元素的判断。如果回调函数对每个元素条件判断后都返回 false，some() 将返回 false。空数组不会执行此方法，并且它只对数组中的非空位置的元素执行指定的函数，没有赋值或者已经删除的元素将被忽略

  • 不会改变现有的数组

// 判断是否有元素小于 30
var ages = [32, 33, 16, 40];
var bool = ages.some(function (item) {
    return item < 30;
})
console.log(bool); // true

every() 和 some() 类似，every 是所有元素都满足条件才返回 true，some 是只要有一个满足条件就返回 true IE 9 及其以上支持

filter() 方法：在数组中筛选满足条件的元素，组成新数组返回

传递两个参数：filter(function(currentValue, index, arr){ }, thisValue)

  • 参数 1：必需，且必须是函数。函数还必须有返回值，返回当前元素在函数中根据自定义条件判断的结果（返回值必须是布尔值或者运算结果为布尔值或可以转换为布尔值的表达式）

此函数的要求：

  • 参数 1：必需，进行条件判断的当前元素，数组中的每个元素都会被依次传入

  • 参数 2：可选，当前元素的索引值

  • 参数 3：可选，当期元素属于的数组对象

  • 注意不要写成 箭头函数，否则无法指定当前函数的 this 指向；this 默认指向 window

  • 参数 2：可选。对象作为回调函数的 this 的值。如果省略了 thisValue，this 默认指向 window

  • 对数组中的每个元素都执行一次指定的函数（callback），在函数内部对每一个元素进行自定义条件判断。filter 方法会创建一个新的数组，该数组元素是所有在回调函数根据自定义判断结果返回值为 true 的原数组元素。空数组不会执行此方法，并且它只对数组中的非空位置元素执行指定的函数，没有赋值或者已经删除的元素将被忽略

  • 返回值是一个新数组，不会改变现有的数组

// 获取小于 35 的元素
var ages = [32, 33, 16, 40];
var arr = ages.filter(function (item) {
    return item < 35
})
console.log(arr);  // [32, 33, 16]

indexOf() 方法：返回某个指定的元素在数组指定范围内首次出现的位置

从数组的开头（或指定位置）开始查找，找到第一个相等的元素后返回该元素在整个数组中的对应索引值；找不到返回 -1。

传递两个参数：indexOf(item, start)

  • 参数 1： 必需，进行查找的元素

  • 参数 2： 可选。开始查找的起始位置，默认为 0。合理取值是 [0, length)，且必须为整数。可接受负值，意为从倒数第几个开始

  • 搜索是正方向进行的。

  • 搜索范围是 [start, length)

var fruits=['Banana','Orange','Apple','Mango','Banana','Orange','Apple'];
var a = fruits.indexOf('Orange');    // 1
var b = fruits.indexOf('Orange',4);  // 5
var c = fruits.indexOf('orange');    // -1

lastIndexOf()方法：返回某个指定的元素在数组指定范围内最后一次出现的位置

从数组的末尾（或指定位置）开始查找，找到第一个相等的元素后返回该元素在整个数组中的对应索引值；找不到返回 -1。

传递两个参数：lastIndexOf(item, start)

  • 参数 1： 必需，进行查找的元素

  • 参数 2： 可选。开始查找的起始位置，默认为 0。合理取值是 [0, length)，且必须为整数。可接受负值，意为从倒数第几个开始

  • 搜索是反方向进行的。

  • 搜索范围是 [0, start]

var fruits=['Banana', 'Orange', 'Apple', 'Mango', 'Banana', 'Orange', 'Apple'];
var a = fruits.lastIndexOf('Orange');     // 5
var b = fruits.lastIndexOf('Orange', 4);  // 1
var c = fruits.lastIndexOf('Orange', 5);  // 5
var d = fruits.lastIndexOf('orange');     // -1

map() 方法：返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值

传递两个参数 map(function(currentValue, index, arr), thisValue)

  • 参数 1：必需，且必须是函数。函数还必须有返回值，返回当前元素在函数中根据自定义逻辑处理过程计算的结果

此函数的要求：

  • 参数 1：必需，进行逻辑处理的当前元素，数组中的每个元素都会被依次传入

  • 参数 2：可选，当前元素的索引值

  • 参数 3：可选，当期元素属于的数组对象

  • 注意不要写成 箭头函数，否则无法指定当前函数的 this 指向；this 默认指向 window

  • 参数 2：可选。对象作为回调函数的 this 的值。如果省略了 thisValue，this 默认指向 window

  • 对数组中的每个元素都执行一次指定的函数（callback），在函数内部对每一个元素进行自定义逻辑处理。map 方法会创建一个新的数组，该数组元素是所有在回调函数根据自定义逻辑处理过程计算的结果的返回值。空数组不会执行此方法，并且它只对数组中的非空位置元素执行指定的函数，没有赋值或者已经删除的元素将被忽略

  • 返回值是一个新数组，不会改变现有的数组

// 将数组中的每个元素都 乘以2，得到一个新数组
var fruits = [1, 2, 3, 4, 5, 6];
var arr = fruits.map(function (item) {
    return item * 2
})
console.log(arr); // [2, 4, 6, 8, 10, 12]

reduce() 方法接收一个函数作为累加器，将数组中的每个值（从左到右）依次开始累加，最终计算为一个值

接受两个参数，reduce(function(total, currentValue, currentIndex, arr), initialValue)

  • 参数 1：必需，且必须是函数。函数还必须有返回值，返回每一次累加计算的结果

  • 此函数的要求：

  • 参数1：必需，含义为每一循环的累加起始值。上一次累加后的值会作为下一循环的累加起始值

  • 参数2：必需，进行累加的当前元素，数组中的每个元素都会被依次传入

  • 参数3：可选，当期元素属于的数组对象

  • 参数4：可选，当前元素所属的数组对象

  • 参数2：可选。传递给函数的累加初始值，即 total 的默认值；若不传递，则为数组中第一个元素的值，同时 currentValue 从数组中的第二个值开始向函数内传递

  • 对数组中的每个元素都执行一次指定的函数（callback），在函数内部对每一个元素与上一循环累加的结果（累计起始值）相加，同时将新的累加结果返回，作为下一循环的累计起始值。空数组不会执行此方法，并且它只对数组中的非空位置元素执行指定的函数，没有赋值或者已经删除的元素将被忽略

  • 返回值是数组元素累加的结果，不会改变现有的数组

var nums = [1, 2, 3, 4, 5, 6];
var sum = nums.reduce(function (total, item) {
    return total + item;
}, 30)
console.log(sum) // 51

reduce() 和 reduceRight() 作用相同。reduce() 是数组中从左向右累加，reduceRight() 是从右向左累加

wq 笔记
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
forEach如何修改原数组和sort排序经典场景
老司机的后备箱
05-27 1499
forEach() 介绍 forEach()方法需要一个回调函数（这种函数，是由我们创建但是不由我们调用的）作为参数 回调函数中传递三个参数： 第一个参数，就是当前正在遍历的元素 第二个参数，就是当前正在遍历的元素的索引 第三个参数，就是正在遍历的数组 代码举例： let myArr = ['王一', '王二', '王三']; myArr.forEach((item, index, arr) => { console.log('item:' + item); console.
js数组操作方法总结(必看篇)
10-21
下面小编就为大家带来一篇js数组操作方法总结(必看篇)。小编觉得挺不错的，希望对大家有所帮助。一起跟随小编过来看看吧，祝大家游戏愉快哦
JS中数组遍历方法
zw_wen的博客
03-03 3991
示例中的数组为： var arr = [ { id: 1, name: '王昭君' }, { id: 2, name: '安琪拉' }, { id: 3, name: '鲁班七号' }, ]; var nums = [1, 2, 3, 4, 5]; 1. 普通for循环； for (let i = 0; i < arr.length; i++) { console.log(arr[i], i); } 2，forEach循环； arr.forEach((ele, inde
JS数组及其常用方法
zgq_sir的博客
02-25 226
数组的概念及其定义方式 数组：有序的值的集合 字面量的形式 1 var arr = [1,2,3] 2 Console.log(arr[0]);//0称为索引或下标 3 Console.log(arr.length);//数组中元素的个数 4 var arr1=[]; 5 arr1[0]=10; 构造函数 1 var arr1 = new Array（） 2 var arr1 = new A...
JS 排序，以及 forEach()的一些细节问题
lazy_tomato的博客
09-08 1084
START 番茄又来写点啥了,说来有菜,今天遇到一个需求，写个排序,发现自己思路不清晰,尴尬。 记录一下常用的排序,首先是会写,其次懂原理,最后要求上手就来。 当然我也验证和记录一下啊,今天遇到的，和循环有关的，比较特殊的一些地方。 冒泡排序 代码 // 我们的目标呢就是对一个数组进行排序 // 1.声明一个数组,这里简便起见呢,我就随便模拟一下数据。 var arr = [1,2,5,3,1,23,5,7,10]; //外层循环，控制比较次数，每一次找到一个最大
JavaScript 课后习题答案
热门推荐
余笙.'的博客
05-13 1万+
第一章 第一题： var msg = prompt("请您输入信息"); alert('用户输入的信息是:'+msg); 第二章 第一题： var num1 = prompt("请您输入第一位数字"); var num2 = prompt("请您输入第二位数字"); var max; if(num1 &...
javascript数组操作方法小结和3个属性详细介绍
12-08
最近一直在用js，好好研究了下js数组的操作，在这里总结一下。 1、数组的创建 代码如下: var arrayObj = new Array();　//创建一个数组 var arrayObj = new Array([size]);　//创建一个数组并指定长度，注意不是...
js数组操作常用方法
12-07
今天试过json[i].remove(),json.remove(i)之后都不行，看网页的DOM对象中好像JSON数据是以数组的形式出现的，查阅了下相关JS中数组的操作一试果然很爽。 记录下来。 1、数组的创建 代码如下:var arrayObj = new ...
js常用数组操作方法简明总结
12-04
//javascript 中的数组分割 var colors = ["red","green","blue"]; //alert(colors.toString()); alert(colors.join("|")); //返回结果是red|green|blue var colors = ["red","green","blue",null];...
数组学习.
ASDJISJIDJSID525的博客
09-06 606
1.数组基础 1.数组里可以储存任意数据类型 2.Arr.length返回数组长度 3.增加数组 Arr[3]=4; Arr[arr.length]=5;（最大下标） 可以使用length实现动态添加效果 4.数组也是一个引用数据类型 构造函数的创建 (字面量创建[] 对象{} ) var arr1 = new Array(5); arr1[0] = '张三'; arr1[1] = '李四'; arr1[2] = '王五'; console.log(arr1); console.log(a
jstl中foreach序号
逝者如风
07-28 760
${xh.count}序号从1开始       ${xh.index}序号从0开始       ${xh.last}最后一个序号      ${xh.first}第一个序号
JavaScript基础第02天笔记
zhangjunzongque的博客
05-10 217
JavaScript基础第02天 1 - 运算符（操作符） 1.1 运算符的分类 运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。 JavaScript中常用的运算符有： 算数运算符 递增和递减运算符 比较运算符 逻辑运算符 赋值运算符 1.2 算数运算符 算术运算符概述 概念：算术运算使用的符号，用于执行两个变量或值的算术运算。 浮点数的...
js基础知识（十八）--冒泡排序和forEach
weixin_47928499的博客
07-26 442
冒泡排序和forEach
javascript编程基础 案例,js编程题库和答案
最新发布
神经网络爱好者
11-21 917
2、请将数组“['苹果', '香蕉', '酥梨', '榴莲', '樱桃', '柿子', '葡萄', '哈密瓜', '西瓜']”中的元素依次打印到控制台。4、使用Math.floor(Math.random() * (max+1)+1)表示生成1到任意数之间的随机整数。1、移出数组arr“[1,2,3,4,2,5,6,2,7,2]”中与2相等的元素，并生成一个新数组，不改变原数组。1、根据用户输入的数值（数字1~7），返回对应的星期几。3、函数“((a, b)=> a * b)(6, 2);
js批量给数组元素添加序号
seimeii的博客
04-18 681
js批量给数组元素添加序号
JavaScript 笔试题1
qq_28364071的博客
09-10 491
//笔试题1 var strTest = 2 + 3 + "Hello,World" + 4 + 5 + "MyStep!"; console.log("strTest:" + strTest); //5Hello，World45MyStep   //笔试题2 var objTest = {a:1,b:2,c:3}; //怎么把对象转换成数组 //方法一 function objToA...
js常见问题--深浅拷贝
nahedan的博客
08-31 125
js常见问题总结-引用数据类型的深浅拷贝 文章目录js常见问题总结-引用数据类型的深浅拷贝1.数组对象的浅拷贝2.数组对象如何实现深拷贝？3.关于es6展开运算符的问题？ 1.数组对象的浅拷贝 复杂数据类型名存在栈内存中，值存在于堆内存中，但是栈内存会提供一个引用的地址指向堆内存中的值，简单数据类型一经声明键值都存储在栈内存中。由此引出复杂数据类型的深拷贝与浅拷贝。 var nums = [2,6,4,8,10,9,15] var numShallowCopy=nums.sort((a,b)=>a-b
JS数组
qq_42198300的博客
07-10 215
1.创建数组 数组文本var dogs = ['pony', 'jerry'] newvar dogs = new Array('pony','jerry'); 注意 2. 访问数组元素 通过索引号访问 3. 添加数组元素 push length属性 4. 关联数组 命名索引的数组 js不支持，只支持数字索引 数组和对象的区别js 数组数字索引，对象命名索引 5. 如何识别数组 typeof 返回的 Object isArray() instanceof 重写isArray(
elementUi的el-select同时获取value和label的三种方法
weixin_43045869的博客
12-26 3188
【代码】elementUi的el-select同时获取value和label的三种方法。
js数组所有操作方法
02-16
JavaScript中的数组有很多操作方法，以下是一些常用的数组操作方法： 1. push() - 在数组的末尾添加一个或多个元素 2. pop() - 删除数组的最后一个元素 3. unshift() - 在数组的开头添加一个或多个元素 4. shift() - 删除数组的第一个元素 5. slice() - 返回一个新的数组，其中包含从原始数组中提取的元素 6. splice() - 从数组中添加或删除元素 7. concat() - 连接两个或更多的数组，并返回一个新的数组 8. reverse() - 反转数组中的元素的顺序 9. sort() - 对数组中的元素进行排序 10. indexOf() - 返回数组中指定元素的第一个索引 11. lastIndexOf() - 返回数组中指定元素的最后一个索引 12. join() - 将数组中的所有元素放入一个字符串中 13. forEach() - 对数组中的每个元素执行一个函数 14. map() - 创建一个新数组，其中每个元素都是原始数组元素调用函数后的结果 15. filter() - 创建一个新数组，其中包含所有满足条件的元素 16. reduce() - 通过累积器和每个数组元素来减少数组为单个值 17. some() - 如果数组中至少有一个元素满足条件，则返回true 18. every() - 如果数组中的所有元素都满足条件，则返回true 19. includes() - 如果数组中包含指定的元素，则返回true 这些只是一些常用的数组操作方法，JavaScript中还有许多其他操作数组的方法和属性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值