JavaScript----数组

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

目录

一：数组的声明与输出

二：数组的遍历

三：操作数组

四：数组截取（slice）

五：数组截取（splice）

一：数组的声明与输出

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组</title>
</head>
<body>
    
</body>
</html>
<script>
    let arr0 = ['马冬梅','马梅','冬梅'];
    window.console.log(arr0);
    window.console.log(arr0[0]);
    window.console.log(arr0[1]);
    window.console.log(arr0[2]);
    window.console.log(arr0[3]);
    arr0[3] = '大宝';
    window.console.log(arr0[3]);
    window.console.log(arr0.length);
    window.console.log(arr0);
    window.console.log('++++++++++++++++++++++++++++++++++++++++++');
    for (let index = 0; index < arr0.length; index++) {
        const element = arr0[index];
        window.console.log(element);
    }
    window.console.log('++++++++++++++++++++++++++++++++++++++++++');
    arr0.forEach(element => {
        window.console.log(element);
    });
    window.console.log('++++++++++++++++++++++++++++++++++++++++++');
    let arr1 = new Array(5);
    window.console.log(arr1);
    for (let index = 0; index < arr1.length; index++) {
        arr1[index] = index * 3;
    }
    window.console.log(arr1);
    window.console.log('++++++++++++++++++++++++++++++++++++++++++');
    let arr2 = new Array(5);
    window.console.log(arr2);
    for (let index = 0; index < arr2.length; index++) {
        arr2[index] = index * 5;
    }
    window.console.log(arr2);
    window.console.log('++++++++++++++++++++++++++++++++++++++++++');

</script>

二：数组的遍历

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组遍历</title>
</head>
<body>
    
</body>
</html>
<script>
    let array = ['马冬梅','冬梅','马冬'];
    for (let index = 0; index < array.length; index++) {
        const element = array[index];
        window.console.log(element);
    }
    window.console.log('+++++++++++++++++++++++++++++++++++++++');
    array.forEach(element => {
        window.console.log(element);
    });
    window.console.log('+++++++++++++++++++++++++++++++++++++++');
    for (const index in array) {
       window.console.log(index);
    }
    window.console.log('+++++++++++++++++++++++++++++++++++++++');
    for (const index in array) {
       window.console.log(array[index]);
    }
    window.console.log('+++++++++++++++++++++++++++++++++++++++');
    for (const element of array) {
        window.console.log(element);
    }
    window.console.log('+++++++++++++++++++++++++++++++++++++++');
    
</script>

三：操作数组

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组新增和删除元素</title>
</head>

<body>

</body>

</html>
<script>
    let array = ['java', 'python'];
    window.console.log(array);
    // 数组末尾追加元素
    array[array.length] = 'C#';
    window.console.log(array);
    array.push('php');
    window.console.log(array);
    // 在数组起始位置插入
    array.unshift('scala');
    window.console.log(array);
    // 以弹栈的方式获取数组最大下标位置上的元素
    let a = array.pop();
    window.console.log(a);
    window.console.log(array);
    // 以弹栈的方式获取数组最小下标位置上的元素
    let b = array.shift();
    window.console.log(b);
    window.console.log(array);
</script>

四：数组截取（slice）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组的截取slice</title>
</head>
<body>
    
</body>
</html>
<script>
    let array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
    console.log(array);
    // slice(起始index,结束index) 注意不包含结束index位置上的元素
    let newArr = array.slice(3,7);
    console.log(newArr);
    console.log(array);
</script>

五：数组截取（splice）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组的截取splice</title>
</head>
<body>
    
</body>
</html>
<script>
    let array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
    console.log(array);
    // splice(起始index,截取长度)
    let newArr = array.splice(3,2);
    console.log(newArr);
    console.log(array);
    newArr = array.splice(3,2,'浩楠','浩南');
    console.log(newArr);
    console.log(array);
</script>

星星不喝药
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
JavaScript-数组-循环-bloco-4.2
02-18
JavaScript-数组-循环-bloco-4.2
challenge-javascript-08:Challenge-javascript-08-JavaScript数组过滤器
03-09
Challenge-javascript-08-JavaScript数组过滤器 Los Arrays en Javascript soportan lafunción filter ，从头到尾评估数组，并从头到尾保持数组状态。 Usando lafunción filter用于研究Array上的buscar todos ...
声明变量关键字：var、let、const的区别
Predator117的博客
10-30 3746
声明变量关键字：var、let、const的区别var关键字let关键字1、暂时性死区2、全局声明3、for循环中的let声明const关键字使用建议1、尽量不使用var2、优先使用const，再考虑let var关键字 定义一个变量：var操作符，后跟变量名。 var message; 这里定义了一个名为message的变量，可以用它来保存任何类型的值。 未初始化的情况下，变量保存一个特殊值undefined。 var声明的范围是函数作用域 当在一个函数内用var定义变量时，该变量将在函数退出时销毁：
前端es6语法---let和const
TangD_的博客
08-17 1430
各位小伙伴们大家好，最近在复习前端ES6的相关知识点，主要跟的视频是b站大学的黑马的相关视频，在本篇文章中记录一下相关的知识点，大家可以参考一下，有问题也欢迎大家指出
ECMAScript6基础 ---let、var、const；块级作用域；解构赋值；展开运算符；set；map；箭头函数；新增数组、新增字符串、新增对象；babel使用；
喜哥的博客
12-01 158
JavaScript 三大组成部分（ECMAScript 、DOM、BOM） ECMAScript 发展历史 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Language_Resources ECMAScript 包含内容：JS 中的数据类型及相关操作，流程控制，运算符及相关运算…… ECMAScript 6 一、let var const · let 和 var 的差异 let 允许声明一个在作用域限制在块级（块级作用域 {}）中的变
JavaScript 笔记02
weixin_34348111的博客
07-23 88
JavaScript 笔记02 接笔记01 5.for / forEach / for-in / for-of 不多 bb，直接看代码。 // 循环数组 let array = ['a', 'b', 'c']; // 普通 for 循环 for (let index = 0; index &lt; array.length; index++) { const element = arr...
JavaScript中的let关键字
热门推荐
IBLiplus的博客
07-14 1万+
JavaScript中使用var定义变量可能存在的问题           var定义的变量没有块作用域    var定义的全局变量会自动添加全局window对象的属性    var定义的变量会提前装载    而let关键字的出现解决了以上的问题： &lt;script type="text/javascript"&gt; for( let i = 0...
javascript--数组
m0_59642141的博客
08-01 2088
数组、访问数组、遍历数组、映射、过滤、迭代求和、删除元素，添加元素、连接数组、回顾数组方法、javascript封装函数，调用函数
JavaScript--数组
puhuihui的博客
04-07 506
文章目录一、数组 一、数组 获取数组元素数组索引号从0开始 数组名 ： 返回数组； 数组名[n] ： 返回第n+1个数组元素； 数组长度 数组长度即：元素个数
JavaScript-数组方法-删除、插入、替换.源码
04-30
JavaScript_数组方法-删除、插入、替换.源码
javascript-layups
05-16
Javascript布局-基础 一般很棒的方法 typeof THING返回typeof THING的数据类型（即“对象”，“字符串”，“数字”）。 请注意，typeof [1、2、3]将返回“对象”，因此您必须使用Array.isArray（[1、2、3]）。 弦乐 ...
javascript-zoo
05-17
JavaScript动物园的狮子，老虎和熊.. 创建具有以下内容的动物类： 特性： 名称年龄种类-例如，一匹马/狮子/猪醒着-应该默认使用false方法： oink（）-返回“ oink！” 如果动物的实例是猪。 growUp（）-一种将...
js中的let和const关键字
心中有侠
07-15 2076
let关键字： <script> function myfun(){ for(let i = 0;i < 3;i++); alert(i); } myfun(); </script> 使用let关键字可以使i只能在for函数中生效。 const关键字： <script> function...
Day43
最新发布
m0_67496588的博客
06-20 531
JSON，Ajax
HTML入门教程：深度解析HTML，开启你的前端技术之旅
zhangwenok的博客
06-14 1502
HTML（HyperText Markup Language，超文本标记语言）是前端开发的基础，它负责构建网页的结构和内容。作为前端技术栈的基石，HTML的掌握程度直接影响到网页的开发效率和用户体验。本教程将带你从零开始，逐步深入了解HTML的各个方面，帮助你打下坚实的前端技术基础。HTML是一种用于创建网页的标准标记语言，它通过一系列的元素（elements）和标签（tags）来定义网页的结构和内容。HTML文档由一系列的元素组成，这些元素通过标签来标识。
工具链--nuxt框架 简介（一）
qq_35876316的博客
06-16 354
Nuxt框架是一个基于Vue.js的服务器端渲染（SSR）框架，旨在提供一套完整的前端开发解决方案，帮助开发者构建高性能、可扩展的Web应用。是一个功能强大、易于使用的Web开发框架，适用于多种开发场景和需求。Nuxt框架建立在Vue.js之上，它抽象出了管理异步数据、中间件和路由所涉及的大部分复杂配置。Nuxt不仅继承了Vue.js的所有优点，如易用性、灵活性等，还与Node.js紧密集成，使得开发者可以在项目中轻松地使用Node.js的各种功能。
一个很好用的地图工具的使用：思极地图，以及vue+思极地图的使用
浩星
06-18 350
思极地图，给我们带来了很多便利，这里分享下他的信息与使用。
Vue在表单校验中trigger属性指定何时触发校验规则
李长渊的博客
06-13 898
Vue在表单校验中trigger属性指定何时触发校验规则
VUE el-select Select 选择器 选项是对象，显示是一个值name ，但是绑定的对象值是id方案
mqiqe的专栏
06-14 340
在 Vue 中使用 Element UI 的 el-select 组件时，如果希望显示对象的某个属性（如 name），但实际绑定的是对象的另一个属性（如 id），需要使用 value-key 和 label 属性来分别指定这两个属性。在这个示例中，v-model=“selectedId” 用于绑定选择的值，该值将是选中项的 id。当用户选择一个选项时，selectedId 将被更新为选中项的 id，而 el-select 下拉列表中显示的是每个选项的 name 属性。
1009 - 数组逆序
07-28
要将数组逆序，可以使用以下方法： 1. 创建一个新的数组，长度与原始数组相同。 2. 使用一个循环，从原始数组的末尾开始迭代，将每个元素依次复制到新数组的开头。 3. 返回新的数组作为结果。 下面是一个示例的 ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

星星不喝药

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

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

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

打赏作者

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

抵扣说明：

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

余额充值