Array 对象方法

最新推荐文章于 2024-06-03 10:55:16 发布
最新推荐文章于 2024-06-03 10:55:16 发布
阅读量228 收藏
点赞数
分类专栏： javascript 文章标签： Array-对象方法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34659400/article/details/74065080
版权 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Array 对象方法</title>
    </head>
    <body>
    </body>

    <script type="text/javascript">


        //concat()  连接两个或更多的数组，并返回结果。
        var hege = ["Cecilie", "Lone"];
        var stale = ["Emil", "Tobias", "Linus"];
        var kai = ["Robin"];
        var children = hege.concat(stale,kai);
        document.write(children);//Cecilie,Lone,Emil,Tobias,Linus,Robin
        document.write("</br>");

        //copyWithin()  从数组的指定位置拷贝元素到数组的另一个指定位置中。
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        var arr=fruits.copyWithin(2, 0);
        document.write(arr);//Banana,Orange,Banana,Orange
        document.write("</br>");

        //every()   检测数值元素的每个元素是否都符合条件。
        var ages = [32, 33, 16, 40];
        function checkAdult(age) {
            return age >= 18;
        }
        document.write(ages.every(checkAdult));//false
        document.write("</br>");

        //fill()    使用一个固定值来填充数组。
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        document.write(fruits.fill("Runoob"));//Runoob,Runoob,Runoob,Runoob
        document.write("</br>");

        //filter()  检测数值元素，并返回符合条件所有元素的数组。
        var ages = [32, 33, 16, 40];
        function checkAdult(age) {
            return age >= 18;
        }
        document.write(ages.filter(checkAdult));//32,33,40
        document.write("</br>");

        //find()    返回符合传入测试（函数）条件的数组元素。
        var ages = [3, 10, 18, 20];
        function checkAdult(age) {
            return age >= 18;
        }
        document.write(ages.find(checkAdult));//18
        document.write("</br>");

        //findIndex()   返回符合传入测试（函数）条件的数组元素索引。
        var ages = [3, 10, 18, 20];
        function checkAdult(age) {
            return age >= 18;
        }
        document.write(ages.findIndex(checkAdult));//2
        document.write("</br>");

        //forEach() 数组每个元素都执行一次回调函数。
        var numbers = [4, 9, 16, 25];
        function myFunction(item, index) {
            document.write("index[" + index + "]: " + item + "<br>"); 
        }
        numbers.forEach(myFunction);//index[0]: 4; index[1]: 9; index[2]: 16; index[3]: 25
        document.write("</br>");

        //indexOf() 搜索数组中的元素，并返回它所在的位置。
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        var a = fruits.indexOf("Apple");
        document.write(a);//2
        document.write("</br>");

        //join()    把数组的所有元素放入一个字符串。
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        var energy = fruits.join();
        document.write(energy);//Banana,Orange,Apple,Mango
        document.write("</br>");

        //lastIndexOf() 返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        var a = fruits.lastIndexOf("Apple");
        document.write(a);//2
        document.write("</br>");

        //map() 通过指定函数处理数组的每个元素，并返回处理后的数组。
        var numbers = [4, 9, 16, 25];
        document.write(numbers.map(Math.sqrt));//2,3,4,5
        document.write("</br>");

        //pop() 删除数组的最后一个元素并返回删除的元素。
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        fruits.pop();
        document.write(fruits);//Banana,Orange,Apple
        document.write("</br>");

        //push()    向数组的末尾添加一个或更多元素，并返回新的长度。
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        fruits.push("Kiwi");
        document.write(fruits);//Banana,Orange,Apple,Mango,Kiwi
        document.write("</br>");

        //reduce()  将数组元素计算为一个值（从左到右）。
        var numbers = [65, 44, 12, 4];
        function getSum(total, num) {
            return total + num;
        }
        document.write(numbers.reduce(getSum));//125
        document.write("</br>");

        //reduceRight() 将数组元素计算为一个值（从右到左）。
        var numbers = [65, 44, 12, 4];
        function getSum(total, num) {
            return total + num;
        }
        document.write(numbers.reduceRight(getSum));//125
        document.write("</br>");

        //reverse() 反转数组的元素顺序。
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        fruits.reverse();
        document.write(fruits);//Mango,Apple,Orange,Banana
        document.write("</br>");

        //shift()   删除并返回数组的第一个元素。
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        fruits.shift();
        document.write(fruits);//Orange,Apple,Mango
        document.write("</br>");

        //slice()   选取数组的的一部分，并返回一个新数组。
        var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
        var citrus = fruits.slice(1,3);
        document.write(citrus );//Orange,Lemon
        document.write("</br>");

        //some()    检测数组元素中是否有元素符合指定条件。
        var ages = [3, 10, 18, 20];
        function checkAdult(age) {
            return age >= 18;
        }
        document.write(ages.some(checkAdult) );//true
        document.write("</br>");

        //sort()    对数组的元素进行排序。
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        fruits.sort();
        document.write(fruits);//Apple,Banana,Mango,Orange
        document.write("</br>");

        //splice()  从数组中添加或删除元素。
        //数组中添加新元素：
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        fruits.splice(2,0,"Lemon","Kiwi");
        document.write(fruits);//Banana,Orange,Lemon,Kiwi,Apple,Mango
        document.write("</br>");

        //toString()    把数组转换为字符串，并返回结果。
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        fruits.toString();
        document.write(fruits);//Banana,Orange,Apple,Mango
        document.write("</br>");

        //unshift() 向数组的开头添加一个或更多元素，并返回新的长度。
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        fruits.unshift("Lemon","Pineapple");
        document.write(fruits);//Lemon,Pineapple,Banana,Orange,Apple,Mango
        document.write("</br>");

        //valueOf() 返回数组对象的原始值。
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        var v=fruits.valueOf();
        document.write(v);//Banana,Orange,Apple,Mango
        document.write("</br>");

    </script>
</html>
Small_Jar
关注
专栏目录
Array对象方法参考
12-11
在JavaScript中，Array对象提供了丰富的内置方法来操作和处理数组。以下是对提到的几个关键方法的详细解释： 1. **concat()**： `concat()`方法用于合并两个或更多的数组，并返回新的数组。它不会改变原始数组。...
Javascript Array 对象方法使用.md
04-17
javascript 数组中，filter和map使用方法和案例小结。介绍了filter和map的基本使用，语法，使用案例，场景案例及一些注意点
js给数组每个对象添加属性
qq_38122757的博客
02-29 1916
js给数组每个对象添加属性
JavaScript为当前数组对象添加一个新的属性
weixin_46915259的博客
12-29 1460
方法会返回一个新的数组，其中包含了每个元素添加新属性后的结果。这样就成功地为当前数组对象的每个元素添加了一个新的属性。方法为当前数组对象的每个元素添加一个新的属性。方法不会修改原始数组，而是返回一个新的数组。在 JavaScript 中，可以使用。运行以上代码，可以得到一个新的数组。，其中每个元素都包含了一个新的属性。下面是一个示例，演示如何使用。
js给数组对象添加一个属性
qq_1336674576的博客
03-01 3369
js给数组对象添加一个属性
js 给数组对象添加多个属性
最新发布
Z18834071903的博客
06-03 568
js 给数组对象添加多个属性
js数组中对象添加新属性
aaa123aaasqw的博客
06-30 609
【代码】js数组中对象添加新属性。
JScript内置对象Array中元素的删除方法
10-31
JScript内置对象Array中元素的删除方法 在 JScript 中，我们可以使用内置对象 Array 来存储和管理数据。但是，Array 对象并没有提供 delete 方法来删除数组中的元素。这让我们在删除数组元素时遇到了困难。幸运的是...
JavaScript Array对象扩展indexOf()方法
12-07
背景：JavaScript中Array对象的标准方法中，没有indexOf()方法，可通过下面的代码扩展。 代码如下: if (!Array.prototype.indexOf) { Array.prototype.indexOf = function(elt) { var len = this.length >>> 0; var ...
JavaScript Array对象基本方法详解
12-09
昨天出去前端面试又失败，期间问了个有关于数组对象的问题，下面就这类问题总结下JavaScript常用的数组操作方法。 一、何为数组（Array）对象 数组对象是使用单独的变量名来存储一系列的值。 二、创建数组的三种方式...
js为数组的每一个对象添加新属性，遍历数组，前端重要功能
热门推荐
gjylalaland的博客
06-17 1万+
前端重要功能，js遍历数组，为数组的每一个对象添加/修改属性
js给数组内的每一个对象添加一个属性
weixin_51281841的博客
12-14 1万+
开发中经常要对接口请求来的数据进行处理 比如给数组每一个对象添加一个属性： 第一种方法(常规)： let arr = [ {a:1,b:2}, {a:3,b:4}, {a:5,b:6}, {a:7,b:8}, ]; for(let i = 0; i < arr.length; i++){ this.arr[i].c = 9 }; console.log(arr); 第二种方法(es6)： let arr = [ {a:1,b:2}, {a:3,b:4
js 在数组对象中添加属性和相对应的属性值
qq_34828100的博客
01-07 7975
1、先来看个简单的例子 var array = [{"name":"a1"},{"name":"b1"}]; array.forEach((value, index) => { value.age = 1; }) 结果如下： 2、再来换个例子，objectArray是个数组，里面存放了对象，首先往 objectArray 对象里存放 Key 属性和属性值，再判断 num...
js给数组里的对象添加属性值
qq_46167326的博客
09-07 194
【代码】js给数组里的对象添加属性值。
js给数组对象添加属性
cracker_c博客
02-12 2853
小程序开发的过程中遇到这个问题，好久不写js了，问题是给对象数组添加新属性并赋值 第一种是给data里面的数组对象添加新属性可以改一下上面那张图，直接 that.setData({ [fileID]:xxxx )} 即可，也就是给字符串增加一个括号 第二种是给当前函数中的数组对象添加新属性 //以下为精简代码 var da...
JS为数组内的每一个对象添加一个属性
weixin_47017090的博客
09-23 1495
JS为数组内的每一个对象添加一个属性
如何在数组对象中为每个对象添加属性
qinnzheng
03-12 3105
数组
向数组对象中添加属性
weixin_42084225的博客
11-11 1316
向数组infoLists中每个对象添加名为imgSrc的属性,属性值从数组imgUrl中获取 var arr = this.infoList var curData = [] arr.forEach((item, index) => { curData.push( Object.assign({}, item, {‘imgSrc’: this.imgUrl[index]}) ) }...
js为对象添加属性、为数组添加元素
赶路人儿
06-17 4509
一、为对象添加属性： 1、方式一： var obj = {}; //或者 var obj=new Object(); var key = "name"; var value = "张三丰" obj[key] = value; console.info(obj); 2、方式二：使用eval() 动态解析字符串表达式 var obj = {}; var key = "name"; var value = "张三丰" eval("obj.p" + key + "='" + value + "'");
JavaScript Array对象方法详解
"这篇文档介绍了JavaScript中的Array对象及其常用方法，包括join(), reverse(), slice(), sort(), pop(), push(), shift(), 和 unshift()。此外，文档还提到了JavaScript的基础知识，如语言概述、用途以及与Java的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值