js数组相关函数

最新推荐文章于 2024-05-23 19:51:03 发布
最新推荐文章于 2024-05-23 19:51:03 发布
阅读量634 收藏 2
点赞数
分类专栏： JavaScript 文章标签： javascript 数组
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_21397815/article/details/78401506
版权

1.合并两个数组 - concat()

var hege = ["Cecilie", "Lone"];

var stale = ["Emil", "Tobias", "Linus"];

var kai = ["Robin"];

var children = hege.concat(stale,kai);

document.write(children);

 

2.合并三个数组 - concat()

var parents = ["Jani", "Tove"];

var brothers = ["Stale", "Kai Jim", "Borge"];

var children = ["Cecilie", "Lone"];

var family = parents.concat(brothers, children);

document.write(family);

 

3.用数组的元素组成字符串 - join()

join（）括号中可以加字符串或者符号，用来分割数组的元素

<body>



<p id="demo">点击按钮将数组作为字符串输出。</p>

<button onclick="myFunction()">点我</button>

<script>

function myFunction(){

    var fruits = ["Banana", "Orange", "Apple", "Mango"];

    var x=document.getElementById("demo");

    x.innerHTML=fruits.join();

}

</script>



</body>

4.转换数组到字符串 -toString()

<body>



<p id="demo">点击按钮将数组转为字符串并返回。</p>

<button onclick="myFunction()">点我</button>

<script>

function myFunction(){

    var fruits = ["Banana", "Orange", "Apple", "Mango"];

    var str = fruits.toString();

    var x=document.getElementById("demo");

    x.innerHTML= str;

}

</script>



</body>

 

5.删除数组的最后一个元素 - pop()

<body>



<p id="demo">单击按钮删除数组的最后一个元素。</p>

<button onclick="myFunction()">点我</button>

<script>

var fruits = ["Banana", "Orange", "Apple", "Mango"];

function myFunction(){

    fruits.pop();

    var x=document.getElementById("demo");

    x.innerHTML=fruits;

}

</script>



</body>

 

6.数组的末尾添加新的元素 - push()

<body>



<p id="demo">单击按钮给数组添加新的元素。</p>

<button onclick="myFunction()">点我</button>

<script>

var fruits = ["Banana", "Orange", "Apple", "Mango"];

function myFunction(){

    fruits.push("Kiwi")

    var x=document.getElementById("demo");

    x.innerHTML=fruits;

}

</script>



</body>

 

7.删除数组的第一个元素 - shift()

<body>



<p id="demo">单击按钮删除数组的第一个元素。</p>

<p id="demo2"></p>

<button onclick="myFunction()">点我</button>

<script>

var fruits = ["Banana", "Orange", "Apple", "Mango"];

function myFunction(){

    var delell = fruits.shift();

    var x=document.getElementById("demo");

    x.innerHTML= '删除后数组为：' +  fruits;

    document.getElementById("demo2").innerHTML= '删除的元素是：' +  delell;

}

</script>



</body>

 

8.在数组的开头添加新元素 - unshift()


 

<body>



<p id="demo">单击按钮在数组中插入元素。</p>

<button onclick="myFunction()">点我</button>

<script>

function myFunction(){

    var fruits = ["Banana", "Orange", "Apple", "Mango"];

    fruits.unshift("Lemon","Pineapple");

    var x=document.getElementById("demo");

    x.innerHTML=fruits;

}

</script>

<p><b>注意:</b> unshift()方法不能用于 Internet Explorer 8 之前的版本，插入的值将被返回成<em> undefined </em>。</p>



</body>

9.将一个数组中的元素的顺序反转排序 - reverse()

<body>



<p id="demo">单击按钮将数组反转排序。</p>

<button onclick="myFunction()">点我</button>

<script>

var fruits = ["Banana", "Orange", "Apple", "Mango"];

function myFunction(){

    fruits.reverse();

    var x=document.getElementById("demo");

    x.innerHTML=fruits;

}

</script>



</body>

 

10.从一个数组中选择元素 - slice()

<body>



<p id="demo">点击按钮截取数组下标 1 到 2 的元素。</p>

<button onclick="myFunction()">点我</button>

<script>

function myFunction(){

    var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];

    var citrus = fruits.slice(1,3);

    var x=document.getElementById("demo");

    x.innerHTML=citrus;

}

</script>



</body>

 

11.数组排序（按字母顺序升序）- sort()

<body>



<p id="demo">单击按钮升序排列数组。</p>

<button onclick="myFunction()">点我</button>

<script>

function myFunction(){

    var fruits = ["Banana", "Orange", "Apple", "Mango"];

    fruits.sort();

    var x=document.getElementById("demo");

    x.innerHTML=fruits;

}

</script>



</body>

 

12.数字排序（按数字顺序升序）- sort()

<body>



<p id="demo">单击按钮升序排列数组。</p>

<button onclick="myFunction()">点我</button>

<script>

function myFunction(){

    var points = [40,100,1,5,25,10];

    points.sort(function(a,b){return a-b});

    var x=document.getElementById("demo");

    x.innerHTML=points;

}

</script>



</body>

 

13.数字排序（按数字顺序降序）- sort()


 

<body>



<p id="demo">单击按钮降序排列数组。</p>

<button onclick="myFunction()">点我</button>

<script>

function myFunction(){

    var points = [40,100,1,5,25,10];

    points.sort(function(a,b){return b-a});

    var x=document.getElementById("demo");

    x.innerHTML=points;

}

</script>



</body>

14.在数组的第2位置添加一个元素 - splice()

splice(a，b)从第a位起删除b位；

splice(a，0，b,c,d...)从第a位起添加b,c,d...

splice(a，b，c,d...)从第a位起删除b位 ,再从第a位起添加b,c,d...

<body>



<p id="demo">点击按钮向数组添加元素。</p>

<button onclick="myFunction()">点我</button>

<script>

function myFunction(){

    var fruits = ["Banana", "Orange", "Apple", "Mango"];

    fruits.splice(2,0,"Lemon","Kiwi");

    var x=document.getElementById("demo");

    x.innerHTML=fruits;

}

</script>



</body>

 

_陌默
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
js的基础笔记3:数组(创建数组、获取数组中的元素、遍历数组、数组中新增元素)、函数（声明函数、调用函数、函数的封装、函数的参数、函数的返回值）
小黄呀呀呀的博客
09-17 476
1 - 数组 1.1 数组的概念 数组可以把一组相关的数据一起存放，并提供方便的访问(获取）方式。 数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。 1.2 创建数组【可以存放任意类型】 JS 中创建数组有两种方式： 利用 new 创建数组 var 数组名 = new Array() ； var arr = new Array(); // 创建一个新的空数组 注意 Array () ，A 要大写 利用数组
js数组方法扩展实现数组统计函数
10-26
主要介绍了js数组方法扩展,实现数组统计函数,需要的朋友可以参考下
js中 数组相关函数
ojb98K的博客
06-07 160
// 重写添加push方法 var arr = [1,2,3]; Array.prototype.push = function () { for(var i = 0; i < arguments.length; i++) { this[this.length] = arguments[i]; } return this.length; } ...
27个重要的JavaScript数组函数整理汇总
最新发布
li826827的博客
05-23 986
JavaScript 数组方法是内置的 JavaScript 数组函数，可应用于数组。这些内置方法中的每一个都有一个独特的功能，可以生成一个数组，并使我们无需从头开始编写常用函数。
JS 数组相关的操作函数
GetcharZp的博客
12-19 91
// 1、数组拼接 concat() var a = [1, 2]; var b = [3, 4]; console.log(a.concat(b)); // [1, 2, 3, 4] // 2、数组翻转 reverse() var a = [1, 2, 3]; console.log(a.reverse()); // [3, 2, 1] // 3、数组分割 slice() var...
JavaScript 数组 函数
weixin_68773927的博客
06-12 710
/ 声明定义方式function fn() {...} // 调用fn();因为有名字，所以也被称为命名函数调用函数的代码既可以放到声明函数的前面，也可以放在声明函数的后面。
js中数组常用函数
qzg9098的博客
05-26 3473
1、concat() 连接两个或更多的数组。 var arr = [1,2,3,4]; var arr2 = [5,6,7,8]; var arr3 = arr.concat(arr2); console.log(arr3); // 连接之后返回的数组为：[1, 2, 3, 4, 5, 6, 7, 8] 2、join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 var arr = ['xiao','lin','qiqi','mingtian']; var arr2 = ar
JavaScript数组操作函数汇总
12-12
JavaScript中的数组操作函数是编程中不可或缺的部分，它们提供了丰富的功能，使得处理数组数据变得更为便捷。以下是关于标题和描述中提到的一些常用数组操作函数的详细解释： 1. **push()**： - `push()` 函数允许...
最实用的JS数组函数整理
01-19
软件开发网以前就给大家整理过关于JS数组相关的内容，这次我们给大家整理的是非常实用的JS数组操作技巧和写法，学习下吧。 instanceof 检测一个对象是否是数组;(用来对付复杂数据类型;) // 简单数据类型 typeof ; A...
javascript 数组排序函数
10-29
javascript的数组排序函数 sort方法，默认是按照ASCII 字符顺序进行升序排列。
JS 常用数组函数
saikuuga的博客
03-15 2692
1、Array.isArray() 检测是否是数组 2、toString() 转换为字符串，在默认情况下都会以逗号分隔字符串的形式返回字符串 3、正序排序 var arr = [1, 2, 3, 11, 12, 456]; console.log(arr.sort((a, b) => { return a - b }));//返回[ 1, 2, 3, 11, 12, 456 ] 4、倒叙排序 var arr = [1, 2, 3, 11, 12, 456]; console.
10-26数组函数
weixin_51958348的博客
10-26 153
数组函数 1.map 这个方法是将数组中的每个元素调用一个提供的函数，结果作为一个新的数组返回，没有改变源数组 举个栗子 var arr = [1,2,3,4,5,]; function m(a){ return a * 2 } var newArr = map(m) console.log(newArr) 2.forEach 这个方法是将数组中的每个元素执行传进提供的函数，没有返回值 arr.forEach(function(a){ if(a > 5){ console.
JS数组方法汇总
浮云天空
05-05 528
 shift：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift(); //a：[2,3,4,5]   b：1 unshift：将参数添加到原数组开头，并返回数组的长度 var a = [1,2,3,4,5]; var b = a.unshift(-2,-1); //a：[-2,-1,1,2,
js的数组和函数
XUELUO123456789的博客
03-18 228
一.js的数组 概念：是能存储多个数据的集合 作用：能存储和操作多个数据 创建数组： 创建数组 ：var arr=[]; //空数组输出的-----undefined :var arr=new Array(); 数组的属性： 数组的属性 ：length：----- ：输出数组的长度...
js 数组函数 和 注意事项
MaRain
03-13 614
js 的数组对象有哪些 push — 向数组的末尾添加一个或更多元素，并返回新的长度。 pop — 删除并返回数组的最后一个元素 shift — 删除并返回数组的第一个元素 unshift —可向数组的开头添加一个或更多元素，并返回新的长度。 slice — 从某个已有的数组返回选定的元素 sort — 对数组的元素进行...
js函数数组
云计算?
05-18 199
网上好像没有，今天用到了记下，应该比eval效率高。 var funs=[function one(arg){},function two(arg){},....];声明一个函数数组。用一个全局变量作为index，改变使用的函数，在onstatechange这种地方很好用的。 使用的时候很简单：funs[i](inarg);即可。...
js 数组函数
wully_happy的专栏
10-16 4039
concat将参数列表连接到原数组后面形成一个新的数组并返回，原有数组不受影响。var arr = ["a","b","c"];var arr1 = arr.concat("d","e");//arr1 = ["a","b","c","d","e"]join以指定的字符作为分割符，将数组转换为字符串，当指定字符为逗号时，其作用和 toString() 相同。
JS数组操作函数汇总
热门推荐
guanguan0_0的博客
02-18 1万+
数组的遍历 for： 普通版：for(let i=0; i&lt;arr.length; i++) { } 优化版：for(let i=0,len=arr.length; i&lt;len; i++) { } 弱化版：for(let i=0; arr[i] != null; i++) { } forEach： arr.forEach((e, index) =&gt; { })  性能比f...
最全的JavaScript常见的操作数组的函数方法宝典，不收藏绝对后悔
零一的博客
07-19 1万+
JavaScript在其内部封装了一个Array对象，使得我们可以方便地使用数组这种简单的数据结构，同时，也在 Array对象的原型上定义了一些常用并且很有用的操作数组的函数。 本文就将详细介绍一下每个操作数组的函数是如何使用的 先点赞，再看博客，顺手可以点个关注。 微信公众号搜索【Lpyexplore的编程小屋】，关注我，带你在python爬虫的过程中学习前端 回复 “领取前端电子书”，领取前端相关的电子版书籍 回复 “前端常考面试题”，领取前端面试题以及相应答案 JavaScritp常见的操作数组的
js数组 find函数用法
05-11
JavaScript 中数组的 find 函数用法如下： ```javascript arr.find(callback[, thisArg]) ``` 其中，`arr` 表示我们要查找的数组，`callback` 是一个回调函数，可接受三个参数分别为： - `element`: 数组中当前...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

_陌默

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值