欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 教育 > 培训 > 数组方法_join()+_concat()+_reverse()+ _indexOf()

数组方法_join()+_concat()+_reverse()+ _indexOf()

2025/11/10 23:14:51 来源:https://blog.csdn.net/qq_45229580/article/details/148594968  浏览:    关键词:数组方法_join()+_concat()+_reverse()+ _indexOf()

 数组方法_join()

join 方法以指定参数作为分隔符,将所有数组成员连接为一个字符串 返回。如果不提供参数,默认用逗号分隔

1

2

3

4

5

var a = [1, 2, 3, 4];

a.join(' ') // '1 2 3 4'

a.join(' | ') // "1 | 2 | 3 | 4" 

a.join() // "1,2,3,4"

如果数组成员是 undefined  null 或空位,会被转成空字符串

1

2

3

4

5

[undefined, null].join('#')

// '#'

['a',, 'b'].join('-')

// 'a--b'

数组的 join 配合字符串的 split 可以实现数组与字符串的互换

var arr = ["a","b","c"];
var myArr = arr.join(""); 
console.log(myArr);
console.log(myArr.split(""));

数组方法_concat()

concat 方法用于多个数组的合并。它将新数组的成员,添加到原数组

成员的后部,然后返回一个新数组,原数组不变

['hello'].concat(['world'])
// ["hello", "world"]['hello'].concat(['world'], ['!'])
// ["hello", "world", "!"]

除了数组作为参数, concat 也接受其他类型的值作为参数,添加到目 标数组尾部。      

1  [1, 2, 3].concat(4, 5, 6)

2  // [1, 2, 3, 4, 5, 6]

应用场景

上拉加载,合并数据

数组方法_reverse()    

reverse 方法用于颠倒排列数组元素,返回改变后的数组。注意,该方

法将改变原数组

var a = ['a', 'b', 'c'];
a.reverse() // ["c", "b", "a"] 
a // ["c", "b", "a"]

 数组方法_indexOf()    

indexOf 方法返回给定元素在数组中第一次出现的位置,如果没有出

现则返回 -1

var arr = ['a', 'b', 'c'];
arr.indexOf('b') // 1
arr.indexOf('y') // -1

indexOf 方法还可以接受第二个参数,表示搜索的开始位置

['张三 ', '百战程序员 ','itbaizhan'].indexOf('张三', 1) // -1

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词