javascript--陣列的方法（新手指導）

發表於2024-02-25
JavaScript陣列

給你一個陣列：

         let arr=[{
                    id:1,
                    msg:"張三"
              },{
                    id:2,
                    msg:"李四"
             }]

1.forEach()

forEach用於迴圈遍歷陣列

    forEach有3個引數
    第一個參數列示陣列中每一項
    第二個參數列示陣列中每一項的下標
    第三個參數列示正在遍歷的這個陣列
        arr.forEach((item,index,a)=>{
              console.log(item,'陣列每項',index,'正在遍歷的陣列的下標',a,'正在遍歷的這個陣列');
   })

image.png

2.filter()

filter用於過濾

     問：查詢這個陣列中id等於1的資料
    let a=arr.filter(item=>{
           return item.id===1
     )   console.log(a,'就是你想要的資料')

image.png

3.push()

push方法用於給陣列中新增資料

 let obj={
    id:3,
    msg:"馬武"
 } 
let cc=arr.push(obj)
console.log(arr,'新增成功後的資料');

image.png

4.splice

splice方法用於刪除
arr.splice(0,1)
第一個引數不礙事陣列中每一項下標，第二個引數是刪除幾個

   console.log(arr,'刪除後的新陣列');

image.png

5.some()

some方法用於檢測陣列中的元素是否滿足條件，滿足返回true，不滿足返回false

let ac=arr.some(item=>item.id<3)        
     console.log(ac,'返回的是true');

image.png

let a=arr.some(item=>item.id<0)
    console.log(a,'返回的是false');

image.png

6.findIndex()

findIndex方法用於查詢符合元素的下表

 let index=arr.findIndex(item=>item.id===2)
 console.log(index,'符合條件資料的下標');

image.png

7.every()

every方法用於檢測陣列元素是否都否和條件，但是如果有一項不否合就返回false，剩餘的不再檢測，但是如果所有的元素都符合則返回true

例子 :let aa=arr.every(item=>item.id===1 )
 console.log(aa,'返回false');

image.png

例子  let arr=[{id:"1"},{id:"1"}]
      let aa=arr.every(item=>item.id===1 )
     console.log(aa,'返回true');

image.png

8.find ()

find 方法用於返回陣列中滿足第一個元素的值，如果沒有返回undefined

  let fin=arr.find(item=>item.id===1)
   console.log(fin，'返回的資料');
   否: 返回undefined因為陣列中沒有id等於3的 
      arr.find(item=>item.id===3)

9.indexOf()

indexOf方法判斷陣列中是否存在某個值，如果存在返回陣列的下標，不存在返回-1

let str=['a','b','c']
  let index=str.indexOf('c')
  console.log(index,'返回元素下標');
   let a=str.indexOf('d')
   console.log(a,'返回-1')

10.concat()

concat陣列合並

  let aa=['張三0','李四1'] 
 let bb=['麻五2','翠花3']
  let cc= aa.concat(bb)
  console.log(cc);

11.sort()

sort陣列的排序

 let vv=[5,4,6,8,2,10,9]
 let so= vv.sort((a,b)=>a-b)
 console.log(so,'正序');
 let so1= vv.sort((a,b)=>b-a)
 console.log(so1,'倒序');

12.reverse()

reverse方法用於顛倒陣列中的元素

let aa=[5,4,3,2,1]
let dao=aa.reverse()
console.log(dao);

13.join()

join用於陣列轉成字串，然後給他規定連結字元，預設是逗號，原陣列不會被改變

  let aa=[5,4,3,2,1]
  console.log(aa.join('-'),'陣列中每一項變為字串並且都用-隔開');
  console.log(typeof(aa.join('')),'轉換為字串');

14.includes()

includes方法用於確定一個陣列是否包含一個特定的，值根據情況，可以搜尋陣列中的元素或索引，它返回一個布林值，找到返回true，沒找到返回false

   let aa=[1,2,3,4,5]
       console.log(aa.includes(2,3)) //2表示要查詢的引數，3表示從索引 
    //    如果第二個引數是負數則從末尾開始，-1表示5以此類推.....
    console.log(aa.includes(3),'返回true');
    console.log(aa.includes(6),'返回false');
    // 從索引2開始
    console.log(aa.includes(3,2),'返回true');
    // 從索引3開始
    console.log(aa.includes(3,3),'返回false')
    // 負數
    console.log(aa.includes(3,-1),'返回false');
    console.log(aa.includes(3,-3,'返回true'));

15.map()

map方法用於返回一個新陣列 ！！！注意不會對空陣列進行檢測，不會改變原始陣列

let arr=[
    {
          id:1,
          msg:"麻五"
    },
    {
          id:2,
          msg:"李四"
    }
]
 let c= arr.map(item=>{
      return item.id
  })
  console.log(c,'返回一個新陣列');

16.shift()

shift從陣列刪除第一個元素，並返回該元素的值（刪除的元素）
如果陣列為空返回undefined

    let arr=[
        {
              id:1,
              msg:"麻五"
        },
        {
              id:2,
              msg:"李四"
        }
    ]
// 移除第一個元素  
let removedElement = arr.shift();  
console.log(removedElement); 
// 輸出:  
         {
              id:1,
              msg:"麻五"
        },
  
// 檢視修改後的陣列  
console.log(arr);
 // 輸出: 
        {
              id:2,
              msg:"李四"
        }

17.pop()

pop用於刪除並返回陣列最後一個元素，如果陣列為空返回undefined

    let aa=[1,2,3,4,5]
    // 移出最後一個元素
      let c=aa.pop()
      console.log(c);//輸出5
    //   檢視原陣列
    console.log(aa);

18.unshift()

unshift 方法陣列頭部新增元素，返回陣列的新長度，!!!注意不是返回陣列


  let aa=[1,2,3,4,5]
  let b=7
  console.log(aa.unshift(b));//返回陣列的新長度
  console.log(aa,'新陣列');

19.slice()

slice方法返回一個新陣列他是原陣列的一部分(深複製)，從start開始到end結束原陣列不改變

    let arr=['a','b','c','d']
    // 從索引1開始到索引3結束（不包括3）
    let a=arr.slice(1,3)
    console.log(a);//輸出['b','c']
    // 從索引2開始到末尾
    let b=arr.slice(2)
    console.log(b);//輸出['c','d']
    // 使用負數
    let d=arr.slice(-3,-1)
    console.log(d);//輸出['b','c']

20.of()

of方法用於將一組值轉換為陣列

    let arr1=Array.of(1)   //[1]
    let arr2=Array.of(undefined) // undefined
    let arr3=Array.of() //[]

相關文章