首页 > 编程语言 >数组方法 JavaScript

数组方法 JavaScript

时间:2022-12-29 20:13:19浏览次数:41  
标签:console log JavaScript 数组 const Array 方法 dir fill

// 连接两个数组
const a1 = [1, 2, 3];
const a2 = [4, 5, 6];
const a3 = a1.concat(a2);
console.log(a3);
console.log(
  "----------------------------------------------------------------------"
);
const b1 = ["red", "orange", "yellow", "green", "blue", "dian", "zi"];
// 将数组的前两个元素赋值到第三,四个位置,那么原来三四两个位置的元素就是会丢失
//  b1 => ["red", "orange", "yellow", "green", "blue", "dian", "zi"];
//                          "yellow", "green" : 就是被覆盖掉
//                          "red", "orange" : 新复制过来的内容
//  b1 => ["red", "orange", "red", "orange",   "blue", "dian", "zi"];
b1.copyWithin(2, 0, 2);
console.log(b1);
console.log(
  "----------------------------------------------------------------------"
);
const iterator = b1.entries();
console.dir(iterator.next().value);
console.dir(iterator.next());
console.dir(iterator.next());
console.dir(iterator.next());
console.dir(iterator.next());
console.dir(iterator.next());
console.dir(iterator.next());
console.dir(iterator.next());
console.log(
  "----------------------------------------------------------------------"
);
const ages = [19, 43, 12, 32, 13, 15, 39];
// every 用来检测数组中每个元素是否符合条件,如果有一个不符合条件,就是返回false
//                                      如果回调函数中有一个返回false,那么整体就返回false
const res = ages.every((item, index) => {
  return item > 12;
});
console.log(res);
console.log(
  "----------------------------------------------------------------------"
);
const fruits = ["alice", 123, 2, 23];
fruits.fill("Branana");
console.log(fruits);

console.log(
  "----------------------------------------------------------------------"
);
// 创建一个二维数组,然后填充
const c1 = new Array(3).fill("alice");
console.log(c1);

const c2 = Array(3).fill("alice");
console.log(c2);

const c3 = Array.from(Array(3), () => new Array(4).fill(0));
console.log(c3);
c3[1][1] = 1;
console.log(c3);

// fill参数是一个引用引用类型,所以会相互影响,也就是创建二维数组的时候,fill只能使用一次
const c4 = new Array(3).fill(new Array(4).fill(0));
console.dir(c4);
c4[1][1] = 1;
console.dir(c4);

console.log(
  "----------------------------------------------------------------------"
);
/**
 * Creates an array from an iterable object.
 * @param iterable An iterable object to convert to an array.
 * @param mapfn A mapping function to call // on every element of the array.
 * @param thisArg Value of 'this' used to invoke the mapfn.
 */

const d1 = Array.from(["alice", "bruce", "celina"], (item) => {
  console.log(item);
  return item + "666";
});
console.log(d1);

const d2 = Array.from("alice", (item) => {
  console.log(item);
  return item + "_666";
});
console.log(d2);

// 第一个参数创建一个数组,然后每次都会调用后面的函数
const d3 = Array.from(Array(4), (item, index) => {
  if (index === 1) {
    return new Array(4).fill(666);
  } else {
    return new Array(4).fill(0);
  }
});
console.log(d3);

console.log(
  "----------------------------------------------------------------------"
);

const e1 = ["red", "orange", "yellow", "green", "blue", "dian", "zi"];
for (let key of e1.keys()) {
  console.log(e1[key]);
}

const e2 = ["red", "orange", "yellow", "green", "blue", "dian", "zi"];
e2.forEach((v, i) => {
  console.log(i + "__" + v);
});

const e3 = ["red", "orange", "yellow", "green", "blue", "dian", "zi"];
const e4 = e3.map((v, k) => {
  if (k === 1) {
    return "666";
  }
  return v;
});

console.log(e4);

标签:console,log,JavaScript,数组,const,Array,方法,dir,fill
From: https://www.cnblogs.com/zhuoss/p/17013420.html

相关文章

  • Java基础之面向对象——类、对象、方法
    类与对象    类的概念我们平时已经听过很多了。人类、鸟类、鱼类...所谓类,就是对一类事物的描述,是抽象的、概念上的定义,比如鸟类,就泛指所有具有鸟类特征的动物。比......
  • 最小堆的数组实现
    1.创建新堆(数组)2.插入新数3.检查该数和其父节点的大小,如果该数较小,交换;重复操作直到不大于或者成为根结点; 例题:将一系列给定数字插入一个初始为空的极小化堆H[]。随......
  • Qt学习笔记(一) 关于QWidget类的paintEvent方法
      今天要讨论的也算是QT的核心之一了,那就是如何对widget进行重绘,这里就是可以看到,继承了QWidget的子类,自己重新写一个paintEvent函数就可以了。这个paintEvent就相当......
  • 代码随想录算法训练营第二天 | 977.有序数组的平方、209.长度最小的子数组
    977.有序数组的平方题目链接:https://leetcode.cn/problems/squares-of-a-sorted-array/题目给你一个按非递减顺序排序的整数数组 nums,返回每个数字的平方组成的新数组......
  • linux修改ssh端口的二种方法
    平滑修改linux中的sshd端口第一种:1、假如要改SSH的默认端口(22),那么你只要修改:/etc/ssh/sshd_config中Port22这里把22改成自己要设的端口就行了,不过千万别设和现已有......
  • JavaScript基础入门
    一、基础入门1、引入JavaScript1.1内部标签<script>  //...</script>1.2外部引入x.js//...x.html<scriptsrc="x.js"></script>1.3测试代码<!DOCTYPEh......
  • 第三章《数组与循环》第2节:多维数组
    ​3.1小节介绍的数组都是把数组元素从逻辑上排成一行,因此它们被称为“一维数组”。如果一个班级内有15个学生,这些学生按照身高又分成3排就坐,其排列形式如图3-2所示:3-2学生身......
  • 第三章《数组与循环》第3节:while循环
    ​在实际开发过程中,常常需要计算机完成很多重复性的工作。例如,有一个int型的数组array,它的长度为5,如果程序员希望打印出该数组的每一个元素,可以用如下代码实现:System.out.pr......
  • 第三章《数组与循环》第4节:for循环
    ​3.3小节曾经讲到:Java语言中有3种循环,其中一种是for循环。for循环又可以分为普通for循环和增强型for循环。本小节首先讲解普通for循环的使用。3.4.1普通for循环在3.3小节......
  • 第三章《数组与循环》第5节:do...while循环
    ​前面两个小节中介绍的while循环和普通for循环,都有一个显著的共同特点:执行循环语句之前要先判断循环条件是否成立,仅在循环条件成立的情况下才执行循环语句,这种循环方式可以......