JS学习笔记：Javascript数组的内置函数

最新推荐文章于 2024-07-26 20:46:33 发布
最新推荐文章于 2024-07-26 20:46:33 发布
阅读量217 收藏
点赞数
文章标签： js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/VellVell/article/details/115121947
版权

Javascript中对数组进行操作的内置函数：

函数目的
concat()合并两个数组
copyWithin()复制数组元素到特定位置
entries()返回键值对
every()对所有数组元素进行操作（条件判断）
fill()用静态值填充数组元素
filter()过滤符合条件的数组元素
find()寻找符合条件的第一个数组元素
some()判断是否有满足条件的数组元素
includes()判断是否有特定元素
isArray()判断某对象是否是数组
join()将数组的所有元素结合到一个字符串中
toString()将数组转换成字符串并输出
pop()移除最后一个数组元素并返回这个元素
push()增加到最后一个数组元素并返回数组长度
unshift()增加一个数组元素到最前面并返回数组长度
sort()整理数组
reverse()倒序数组
……

JS合并两个数组concat：

<!DOCTYPE html>
<html>
<body>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
  var hege = ["Cecilie", "Lone"];
  var stale = ["Emil", "Tobias", "Linus"];
  var children = hege.concat(stale); 
  document.getElementById("demo").innerHTML = children;
}
</script>

</body>
</html>

返回带有键值对的数组元素：

<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>

<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var f = fruits.entries();

for (x of f) {
  document.getElementById("demo").innerHTML += x + "<br>";
}
</script>

</body>
</html>

筛选数组中符合条件的元素，并输出符合条件的新数组

<!DOCTYPE html>
<html>
<body>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
var ages = [32, 33, 16, 40];

function checkAdult(age) {
  return age >= 18;
}

function myFunction() {
  document.getElementById("demo").innerHTML = ages.filter(checkAdult);
}
</script>

</body>
</html>
Vell Vell
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript函数学习笔记
sunshinedec的博客
06-17 185
函数 JavaScript 函数是被设计为执行特定任务的代码块。 JavaScript 函数会在某代码调用它时被执行。（定义一次，多次调用） JavaScript函数是参数化的 函数参数（Function parameters）是在函数定义中所列的名称。 函数参数（Function arguments）是当调用函数时由函数接收的真实的值。 在函数中，参数是局部变量。 调用时会为形参提供实参的值 函数返回 当 JavaScript 到达 return 语句，函数将停止执行。 如果函数被某条语句调用，Jav
JavaScript中数组常用的内置函数
嗨皮的博客
10-18 425
JavaScript中数组的内置方法，直接使用。其中*10、splice（）为重点方法，可在多种环境下使用，做到对原数组的插入、删除和替换
数组的常用方法
m0_74331160的博客
10-18 415
数组的常用方法 二维数组 --- 循环嵌套
JS数组的内置函数
weixin_45789779的博客
11-28 435
数组中内置api 用途：处理复杂的数据结构（对象，数组，字符串组合） 难点：数组打乱重组 1.对数据的基本操作：数组、对象、字符串（拼接，替换，删除，切割，截取）的基本操作 2.数组基本操作 1.查 获取数组中的数据 arr[index] for 获取第一个 arr[0] 获取最后一个 arr[arr.length-1] 获取倒数第二个 arr[arr.length-2] 2.增 从尾部增加 ...
js常用的数组操作内置函数
weixin_30312563的博客
07-17 152
<html><head></head><body><script> //向数组中添加值 var arr=new Array(1,2,3,4,5); var len=arr.push(7,9); console.log(len,arr);//array.push() 在数组末尾添加值， 返回添加后的数组长度 v...
详解JS中遍历数组的八种方法——内置函数（消除循环结构）
一介白衣入江南
04-21 6276
常见遍历数组的方法（内置） 遍历：就是将数组中的元素全部取出来。 一，利用for()循环 var arr=[1,2,3,4,5,6] for(var i=0;i<arr.length;i++){ //arr.length是数组的长度 console.log("arr="+arr[i]); } 缺点：这种写法比较麻烦 二，forEach（） forEach(...
javascript学习笔记（二）数组和对象部分
01-19
javascript对象部分 一：基础部分 1.JavaScript 中所有变量都是对象，除了两个例外 null 和 undefined。 2.Jscript 支持四种类型的对象：内部对象、生成的对象、宿主给出的对象（所有BOM和DOM对象都是宿主对象。）...
整理Javascript数组学习笔记
10-23
JavaScript数组提供了许多内置方法，如： - `push()`：在数组末尾添加一个或多个元素，并返回新的长度。 - `pop()`：移除并返回数组的最后一个元素。 - `shift()`：移除并返回数组的第一个元素。 - `unshift()`...
JavaScript学习笔记之内置对象
11-30
在这个学习笔记中，我们将探讨JavaScript的内置对象，主要包括Window、Screen、Location、History等，它们都是JavaScript环境中非常重要的组成部分。 首先，Window对象是JavaScript的核心，它代表了浏览器的窗口。...
JavaScript数组操作函数汇总
12-12
js中数组操作函数还是非常多的，今天忽然想到来总结一下，也算是温故而知新吧。不过不会针对每个办法都进行一下总结，只是针对一些比较常用的做个备注一下。 这里总结到的 js 数组操作函数有：push，pop，join，shift，unshift，slice，splice，concat （1）push 和 pop 这两个函数都是对数组从尾部进行压入或弹出操作。push(arg1,arg2,…)可以每次压入一个或多个元素，并返回更新后的数组长度。注意如果参数也是数组的话，则是将全部数组当做一个元素压入到原本的数组里面去。pop() 函数则每次只会弹出结尾的元素，并返回弹出的元素，若是是对空组数调用 p
JavaScript_StudyNote:JavaScript学习笔记
03-29
在JavaScript_StudyNote的学习笔记中，我们可以深入理解并掌握JavaScript的基础知识和高级特性。 1. **基础语法** - 变量声明：JavaScript支持var、let和const关键字声明变量，其中let和const是ES6新增的。 - ...
javascript学习笔记(五) Array 数组类型介绍
10-28
数组还提供了多种内置方法来操作其元素： - `join()`方法用于将数组元素组合成一个字符串，可以指定分隔符。例如： ```javascript var colors = ["red", "blue", "green"]; console.log(colors.join(",")); // ...
js常用内置数组函数小集
52赫兹的博客
09-29 111
dfsdfsfdfssdfasdgh2
JS数组（Array）系统自带函数总结
a838771230的博客
03-13 387
JS数组(Array)处理函数总结 1、push() 向数组的末尾添加一个或更多元素，并返回新的长度 例如： let arr = ["George", "John", "Thomas"]; document.write(arr.push("James") + "&lt;br/&gt;"); document.write(arr); //output:George,John,Thomas
js常用的内置方法和函数
少少的博客
04-26 5685
数组对象和方法 1.toUpperCase() toUpperCase() //将小写英文转换为大写 实例： var message = 'abcd' message.toUpperCase() // ABCD 1.concat(arr1,arr2,arr3….) concat() //连接多个数组 实例： var arr1 = [1,2,3], ...
数组内置方法
袅袅青烟散的博客
09-25 472
方法名举例作用返回值对原数组的改变pusharr.push(4);向数组的末尾增加新元素新数组的长度改变poparr.pop();移除数组中的最后一项被删除那一项的内容改变shiftarr.shift();移除数组中的第一项被删除那一项的内容改变unshiftarr.unshift(10);向数组开头增加一项新数组的长度改变splicearr.splice(n,m);删除元素，从索引n开始删除m个元
day_06 js
java_yangXL的博客
08-11 278
数组 、为什么要学习数组 之前学习的数据类型，只能存储一个值(比如：Number/String。 如果我们想存储班级中所有学生的姓名，此时该如何存储？ 、数组的定义 所谓数组，就是将多个元素（通常是同一类型）按一定顺序排列放到一个集合中，那么这个集合我们就称之为数组。 数组是一个有序的列表，可以在数组中存放任意的数据，并且数组的长度可以动态的调整。 、通过数组字面量创建数组 // 创建一个空数组var arr1 = [];// 创建一个包含3个数值的数组，多个数组项以逗号隔开var arr2 =
JavaScript青少年简明教程：函数及其相关知识（下）
最新发布
cnds123的专栏
07-26 670
JavaScript青少年简明教程：函数及其相关知识（下）
JavaScript进阶笔记：数据类型、数组、对象与DOM操作详解
本资源是一份关于JavaScript的详细学习笔记，主要涵盖了Day_3-4的学习内容，重点涉及JavaScript的核心概念和技术。以下是具体内容的深入解析： 1. **JavaScript数据类型**：首先，笔记介绍了JavaScript中的基本数据...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值